@vkontakte/vkui 6.2.2 → 6.3.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ContentBadge/ContentBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { TypographyProps } from '../Typography/Typography';\nimport { ContentBadgeContext } from './ContentBadgeContext';\nimport { ContentBadgeSlotIcon } from './ContentBadgeSlotIcon';\nimport type { ContentBadgeModeType, ContentBadgeSizeType } from './types';\nimport styles from './ContentBadge.module.css';\n\nconst appearanceClassNames = {\n  'accent': {\n    primary: styles['ContentBadge--primary-accent'],\n    secondary: styles['ContentBadge--secondary-accent'],\n    outline: styles['ContentBadge--outline-accent'],\n  },\n  'neutral': {\n    primary: styles['ContentBadge--primary-neutral'],\n    secondary: styles['ContentBadge--secondary-neutral'],\n    outline: styles['ContentBadge--outline-neutral'],\n  },\n  'accent-green': {\n    primary: styles['ContentBadge--primary-accent-green'],\n    secondary: styles['ContentBadge--secondary-accent-green'],\n    outline: styles['ContentBadge--outline-accent-green'],\n  },\n  'accent-red': {\n    primary: styles['ContentBadge--primary-accent-red'],\n    secondary: styles['ContentBadge--secondary-accent-red'],\n    outline: styles['ContentBadge--outline-accent-red'],\n  },\n  'overlay': {\n    primary: styles['ContentBadge--primary-overlay'],\n    secondary: styles['ContentBadge--secondary-overlay'],\n    outline: styles['ContentBadge--outline-overlay'],\n  },\n};\n\nconst sizeClassNames = {\n  s: styles['ContentBadge--size-s'],\n  m: styles['ContentBadge--size-m'],\n  l: styles['ContentBadge--size-l'],\n};\n\nexport interface ContentBadgeProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    Pick<TypographyProps, 'weight'> {\n  /**\n   * Вид отображения.\n   */\n  mode?: ContentBadgeModeType;\n  /**\n   * Цвет оформления.\n   */\n  appearance?: 'accent' | 'neutral' | 'accent-green' | 'accent-red' | 'overlay';\n  /**\n   * Включает приближение значения закругления к форме круга.\n   *\n   * > Note: игнорируется при size=\"s\"\n   */\n  capsule?: boolean;\n  /**\n   * Определяет отступы и размер текста.\n   *\n   * Соответствие размеров иконок в слоте `<ContentBadge.SlotIcon />`:\n   *\n   * - size=\"s\" – ⚠️ не поддерживает иконки;\n   * - size=\"m\" – при **одиночной** иконке `16x16`, в остальных случаях `12x12`;\n   * - size=\"l\" – при **одиночной** иконке `20x20`, в остальных случаях `16x16`;\n   */\n  size?: ContentBadgeSizeType;\n}\n\n/**\n * Компонент, который позволяет добавить текстовые или иконочные бейджи. Как правило, используются\n * поверх других элементов или рядом с ними.\n *\n * Используйте `ContentBadge.SlotIcon` для размещения иконок внутри `ContentBadge`.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/ContentBadge\n *\n * TODO [>=7]: переименовать в Badge\n */\nexport const ContentBadge = ({\n  appearance = 'accent',\n  mode = 'primary',\n  capsule,\n  size = 'm',\n  weight = '2',\n  className,\n  children,\n  ...restProps\n}: ContentBadgeProps) => {\n  const TypographyComponent = size === 'l' ? Footnote : Caption;\n\n  return (\n    <TypographyComponent\n      {...restProps}\n      weight={weight}\n      normalize\n      className={classNames(\n        className,\n        styles.ContentBadge,\n        size !== 's' && capsule && styles['ContentBadge--capsule'],\n        mode === 'outline' && styles['ContentBadge--mode-outline'],\n        appearanceClassNames[appearance][mode],\n        sizeClassNames[size],\n      )}\n    >\n      <ContentBadgeContext.Provider\n        value={{ isSingleChild: React.Children.count(children) === 1, size }}\n      >\n        {children}\n      </ContentBadgeContext.Provider>\n    </TypographyComponent>\n  );\n};\n\nContentBadge.displayName = 'ContentBadge';\n\nContentBadge.SlotIcon = ContentBadgeSlotIcon;\nContentBadge.SlotIcon.displayName = 'ContentBadge.SlotIcon';\n"],"names":["React","classNames","Caption","Footnote","ContentBadgeContext","ContentBadgeSlotIcon","styles","appearanceClassNames","primary","secondary","outline","sizeClassNames","s","m","l","ContentBadge","appearance","mode","capsule","size","weight","className","children","restProps","TypographyComponent","normalize","Provider","value","isSingleChild","Children","count","displayName","SlotIcon"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,QAAQ,QAAQ,kCAAkC;AAE3D,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,oBAAoB,QAAQ,yBAAyB;AAE9D,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,uBAAuB;IAC3B,UAAU;QACRC,SAASF,MAAM,CAAC,+BAA+B;QAC/CG,WAAWH,MAAM,CAAC,iCAAiC;QACnDI,SAASJ,MAAM,CAAC,+BAA+B;IACjD;IACA,WAAW;QACTE,SAASF,MAAM,CAAC,gCAAgC;QAChDG,WAAWH,MAAM,CAAC,kCAAkC;QACpDI,SAASJ,MAAM,CAAC,gCAAgC;IAClD;IACA,gBAAgB;QACdE,SAASF,MAAM,CAAC,qCAAqC;QACrDG,WAAWH,MAAM,CAAC,uCAAuC;QACzDI,SAASJ,MAAM,CAAC,qCAAqC;IACvD;IACA,cAAc;QACZE,SAASF,MAAM,CAAC,mCAAmC;QACnDG,WAAWH,MAAM,CAAC,qCAAqC;QACvDI,SAASJ,MAAM,CAAC,mCAAmC;IACrD;IACA,WAAW;QACTE,SAASF,MAAM,CAAC,gCAAgC;QAChDG,WAAWH,MAAM,CAAC,kCAAkC;QACpDI,SAASJ,MAAM,CAAC,gCAAgC;IAClD;AACF;AAEA,MAAMK,iBAAiB;IACrBC,GAAGN,MAAM,CAAC,uBAAuB;IACjCO,GAAGP,MAAM,CAAC,uBAAuB;IACjCQ,GAAGR,MAAM,CAAC,uBAAuB;AACnC;AA+BA;;;;;;;;;;CAUC,GACD,OAAO,MAAMS,eAAe,CAAC,EAC3BC,aAAa,QAAQ,EACrBC,OAAO,SAAS,EAChBC,OAAO,EACPC,OAAO,GAAG,EACVC,SAAS,GAAG,EACZC,SAAS,EACTC,QAAQ,EACR,GAAGC,WACe;IAClB,MAAMC,sBAAsBL,SAAS,MAAMhB,WAAWD;IAEtD,qBACE,KAACsB;QACE,GAAGD,SAAS;QACbH,QAAQA;QACRK,SAAS;QACTJ,WAAWpB,WACToB,WACAf,OAAOS,YAAY,EACnBI,SAAS,OAAOD,WAAWZ,MAAM,CAAC,wBAAwB,EAC1DW,SAAS,aAAaX,MAAM,CAAC,6BAA6B,EAC1DC,oBAAoB,CAACS,WAAW,CAACC,KAAK,EACtCN,cAAc,CAACQ,KAAK;kBAGtB,cAAA,KAACf,oBAAoBsB,QAAQ;YAC3BC,OAAO;gBAAEC,eAAe5B,MAAM6B,QAAQ,CAACC,KAAK,CAACR,cAAc;gBAAGH;YAAK;sBAElEG;;;AAIT,EAAE;AAEFP,aAAagB,WAAW,GAAG;AAE3BhB,aAAaiB,QAAQ,GAAG3B;AACxBU,aAAaiB,QAAQ,CAACD,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/ContentBadge/ContentBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { TypographyProps } from '../Typography/Typography';\nimport { ContentBadgeContext } from './ContentBadgeContext';\nimport { ContentBadgeSlotIcon } from './ContentBadgeSlotIcon';\nimport type { ContentBadgeModeType, ContentBadgeSizeType } from './types';\nimport styles from './ContentBadge.module.css';\n\nconst appearanceClassNames = {\n  'accent': {\n    primary: styles['ContentBadge--primary-accent'],\n    secondary: styles['ContentBadge--secondary-accent'],\n    outline: styles['ContentBadge--outline-accent'],\n  },\n  'neutral': {\n    primary: styles['ContentBadge--primary-neutral'],\n    secondary: styles['ContentBadge--secondary-neutral'],\n    outline: styles['ContentBadge--outline-neutral'],\n  },\n  'accent-green': {\n    primary: styles['ContentBadge--primary-accent-green'],\n    secondary: styles['ContentBadge--secondary-accent-green'],\n    outline: styles['ContentBadge--outline-accent-green'],\n  },\n  'accent-red': {\n    primary: styles['ContentBadge--primary-accent-red'],\n    secondary: styles['ContentBadge--secondary-accent-red'],\n    outline: styles['ContentBadge--outline-accent-red'],\n  },\n  'overlay': {\n    primary: styles['ContentBadge--primary-overlay'],\n    secondary: styles['ContentBadge--secondary-overlay'],\n    outline: styles['ContentBadge--outline-overlay'],\n  },\n};\n\nconst sizeClassNames = {\n  s: styles['ContentBadge--size-s'],\n  m: styles['ContentBadge--size-m'],\n  l: styles['ContentBadge--size-l'],\n};\n\nexport interface ContentBadgeProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    Pick<TypographyProps, 'weight'> {\n  /**\n   * Вид отображения.\n   */\n  mode?: ContentBadgeModeType;\n  /**\n   * Цвет оформления.\n   */\n  appearance?: 'accent' | 'neutral' | 'accent-green' | 'accent-red' | 'overlay';\n  /**\n   * Включает приближение значения закругления к форме круга.\n   *\n   * > Note: игнорируется при size=\"s\"\n   */\n  capsule?: boolean;\n  /**\n   * Определяет отступы и размер текста.\n   *\n   * Соответствие размеров иконок в слоте `<ContentBadge.SlotIcon />`:\n   *\n   * - size=\"s\" – ⚠️ не поддерживает иконки;\n   * - size=\"m\" – при **одиночной** иконке `16x16`, в остальных случаях `12x12`;\n   * - size=\"l\" – при **одиночной** иконке `20x20`, в остальных случаях `16x16`;\n   */\n  size?: ContentBadgeSizeType;\n}\n\n/**\n * Компонент, который позволяет добавить текстовые или иконочные бейджи. Как правило, используются\n * поверх других элементов или рядом с ними.\n *\n * Используйте `ContentBadge.SlotIcon` для размещения иконок внутри `ContentBadge`.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/ContentBadge\n *\n * TODO [>=7]: переименовать в Badge\n */\nexport const ContentBadge: React.FC<ContentBadgeProps> & {\n  SlotIcon: typeof ContentBadgeSlotIcon;\n} = ({\n  appearance = 'accent',\n  mode = 'primary',\n  capsule,\n  size = 'm',\n  weight = '2',\n  className,\n  children,\n  ...restProps\n}: ContentBadgeProps) => {\n  const TypographyComponent = size === 'l' ? Footnote : Caption;\n\n  return (\n    <TypographyComponent\n      {...restProps}\n      weight={weight}\n      normalize\n      className={classNames(\n        className,\n        styles.ContentBadge,\n        size !== 's' && capsule && styles['ContentBadge--capsule'],\n        mode === 'outline' && styles['ContentBadge--mode-outline'],\n        appearanceClassNames[appearance][mode],\n        sizeClassNames[size],\n      )}\n    >\n      <ContentBadgeContext.Provider\n        value={{ isSingleChild: React.Children.count(children) === 1, size }}\n      >\n        {children}\n      </ContentBadgeContext.Provider>\n    </TypographyComponent>\n  );\n};\n\nContentBadge.displayName = 'ContentBadge';\n\nContentBadge.SlotIcon = ContentBadgeSlotIcon;\nContentBadge.SlotIcon.displayName = 'ContentBadge.SlotIcon';\n"],"names":["React","classNames","Caption","Footnote","ContentBadgeContext","ContentBadgeSlotIcon","styles","appearanceClassNames","primary","secondary","outline","sizeClassNames","s","m","l","ContentBadge","appearance","mode","capsule","size","weight","className","children","restProps","TypographyComponent","normalize","Provider","value","isSingleChild","Children","count","displayName","SlotIcon"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,QAAQ,QAAQ,kCAAkC;AAE3D,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,oBAAoB,QAAQ,yBAAyB;AAE9D,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,uBAAuB;IAC3B,UAAU;QACRC,SAASF,MAAM,CAAC,+BAA+B;QAC/CG,WAAWH,MAAM,CAAC,iCAAiC;QACnDI,SAASJ,MAAM,CAAC,+BAA+B;IACjD;IACA,WAAW;QACTE,SAASF,MAAM,CAAC,gCAAgC;QAChDG,WAAWH,MAAM,CAAC,kCAAkC;QACpDI,SAASJ,MAAM,CAAC,gCAAgC;IAClD;IACA,gBAAgB;QACdE,SAASF,MAAM,CAAC,qCAAqC;QACrDG,WAAWH,MAAM,CAAC,uCAAuC;QACzDI,SAASJ,MAAM,CAAC,qCAAqC;IACvD;IACA,cAAc;QACZE,SAASF,MAAM,CAAC,mCAAmC;QACnDG,WAAWH,MAAM,CAAC,qCAAqC;QACvDI,SAASJ,MAAM,CAAC,mCAAmC;IACrD;IACA,WAAW;QACTE,SAASF,MAAM,CAAC,gCAAgC;QAChDG,WAAWH,MAAM,CAAC,kCAAkC;QACpDI,SAASJ,MAAM,CAAC,gCAAgC;IAClD;AACF;AAEA,MAAMK,iBAAiB;IACrBC,GAAGN,MAAM,CAAC,uBAAuB;IACjCO,GAAGP,MAAM,CAAC,uBAAuB;IACjCQ,GAAGR,MAAM,CAAC,uBAAuB;AACnC;AA+BA;;;;;;;;;;CAUC,GACD,OAAO,MAAMS,eAET,CAAC,EACHC,aAAa,QAAQ,EACrBC,OAAO,SAAS,EAChBC,OAAO,EACPC,OAAO,GAAG,EACVC,SAAS,GAAG,EACZC,SAAS,EACTC,QAAQ,EACR,GAAGC,WACe;IAClB,MAAMC,sBAAsBL,SAAS,MAAMhB,WAAWD;IAEtD,qBACE,KAACsB;QACE,GAAGD,SAAS;QACbH,QAAQA;QACRK,SAAS;QACTJ,WAAWpB,WACToB,WACAf,OAAOS,YAAY,EACnBI,SAAS,OAAOD,WAAWZ,MAAM,CAAC,wBAAwB,EAC1DW,SAAS,aAAaX,MAAM,CAAC,6BAA6B,EAC1DC,oBAAoB,CAACS,WAAW,CAACC,KAAK,EACtCN,cAAc,CAACQ,KAAK;kBAGtB,cAAA,KAACf,oBAAoBsB,QAAQ;YAC3BC,OAAO;gBAAEC,eAAe5B,MAAM6B,QAAQ,CAACC,KAAK,CAACR,cAAc;gBAAGH;YAAK;sBAElEG;;;AAIT,EAAE;AAEFP,aAAagB,WAAW,GAAG;AAE3BhB,aAAaiB,QAAQ,GAAG3B;AACxBU,aAAaiB,QAAQ,CAACD,WAAW,GAAG"}

package/dist/cssm/components/ContentBadge/ContentBadgeContext.d.ts

@@ -1,11 +1,13 @@
 import * as React from 'react';
 import type { ContentBadgeSizeType } from './types';
+type ContentBadgeContextValue = {
+    isSingleChild: boolean;
+    size: ContentBadgeSizeType;
+};
 /**
  * Контекст для внутреннего использовния.
  * @private
  */
-export declare const ContentBadgeContext: React.Context<{
-    isSingleChild: boolean;
-    size: ContentBadgeSizeType;
-}>;
+export declare const ContentBadgeContext: React.Context<ContentBadgeContextValue>;
+export {};
 //# sourceMappingURL=ContentBadgeContext.d.ts.map

package/dist/cssm/components/ContentBadge/ContentBadgeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentBadgeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentBadge/ContentBadgeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,mBAAmB;mBACf,OAAO;UAChB,oBAAoB;EAI1B,CAAC"}
+{"version":3,"file":"ContentBadgeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentBadge/ContentBadgeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,KAAK,wBAAwB,GAAG;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,oBAAoB,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAIpE,CAAC"}

package/dist/cssm/components/ContentBadge/ContentBadgeContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ContentBadge/ContentBadgeContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ContentBadgeSizeType } from './types';\n\n/**\n * Контекст для внутреннего использовния.\n * @private\n */\nexport const ContentBadgeContext = React.createContext<{\n  isSingleChild: boolean;\n  size: ContentBadgeSizeType;\n}>({\n  isSingleChild: false,\n  size: 'm',\n});\n"],"names":["React","ContentBadgeContext","createContext","isSingleChild","size"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B;;;CAGC,GACD,OAAO,MAAMC,oCAAsBD,MAAME,aAAa,CAGnD;IACDC,eAAe;IACfC,MAAM;AACR,GAAG"}
+{"version":3,"sources":["../../../../src/components/ContentBadge/ContentBadgeContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ContentBadgeSizeType } from './types';\n\ntype ContentBadgeContextValue = {\n  isSingleChild: boolean;\n  size: ContentBadgeSizeType;\n};\n\n/**\n * Контекст для внутреннего использовния.\n * @private\n */\nexport const ContentBadgeContext: React.Context<ContentBadgeContextValue> =\n  React.createContext<ContentBadgeContextValue>({\n    isSingleChild: false,\n    size: 'm',\n  });\n"],"names":["React","ContentBadgeContext","createContext","isSingleChild","size"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAQ/B;;;CAGC,GACD,OAAO,MAAMC,oCACXD,MAAME,aAAa,CAA2B;IAC5CC,eAAe;IACfC,MAAM;AACR,GAAG"}

package/dist/cssm/components/ContentBadge/ContentBadgeSlotIcon.d.ts

@@ -1,7 +1,5 @@
+import * as React from 'react';
 import type { HTMLAttributesWithRootRef } from '../../types';
 export type ContentBadgeSlotIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;
-export declare const ContentBadgeSlotIcon: {
-    ({ className, getRootRef, children, ...restProps }: ContentBadgeSlotIconProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+export declare const ContentBadgeSlotIcon: React.FC<ContentBadgeSlotIconProps>;
 //# sourceMappingURL=ContentBadgeSlotIcon.d.ts.map

package/dist/cssm/components/ContentBadge/ContentBadgeSlotIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentBadgeSlotIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentBadge/ContentBadgeSlotIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAc7D,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAElF,eAAO,MAAM,oBAAoB;wDAK9B,yBAAyB;;CAmB3B,CAAC"}
+{"version":3,"file":"ContentBadgeSlotIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentBadge/ContentBadgeSlotIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAc7D,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAElF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwBpE,CAAC"}

package/dist/cssm/components/ContentBadge/ContentBadgeSlotIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ContentBadge/ContentBadgeSlotIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { ContentBadgeContext } from './ContentBadgeContext';\nimport styles from './ContentBadge.module.css';\n\nconst iconsClassNames = {\n  m: null,\n  l: styles['ContentBadge__icon-slot--size-l'],\n};\n\nconst singleIconClassNames = {\n  m: styles['ContentBadge__singleIcon-slot--size-m'],\n  l: styles['ContentBadge__singleIcon-slot--size-l'],\n};\n\nexport type ContentBadgeSlotIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nexport const ContentBadgeSlotIcon = ({\n  className,\n  getRootRef,\n  children,\n  ...restProps\n}: ContentBadgeSlotIconProps) => {\n  const { size, isSingleChild } = React.useContext(ContentBadgeContext);\n\n  if (size === 's') {\n    return null;\n  }\n\n  return (\n    <div\n      ref={getRootRef}\n      className={classNames(\n        className,\n        isSingleChild ? singleIconClassNames[size] : iconsClassNames[size],\n      )}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n\nContentBadgeSlotIcon.displayName = 'ContentBadgeSlotIcon';\n"],"names":["React","classNames","ContentBadgeContext","styles","iconsClassNames","m","l","singleIconClassNames","ContentBadgeSlotIcon","className","getRootRef","children","restProps","size","isSingleChild","useContext","div","ref","displayName"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,kBAAkB;IACtBC,GAAG;IACHC,GAAGH,MAAM,CAAC,kCAAkC;AAC9C;AAEA,MAAMI,uBAAuB;IAC3BF,GAAGF,MAAM,CAAC,wCAAwC;IAClDG,GAAGH,MAAM,CAAC,wCAAwC;AACpD;AAIA,OAAO,MAAMK,uBAAuB,CAAC,EACnCC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACR,GAAGC,WACuB;IAC1B,MAAM,EAAEC,IAAI,EAAEC,aAAa,EAAE,GAAGd,MAAMe,UAAU,CAACb;IAEjD,IAAIW,SAAS,KAAK;QAChB,OAAO;IACT;IAEA,qBACE,KAACG;QACCC,KAAKP;QACLD,WAAWR,WACTQ,WACAK,gBAAgBP,oBAAoB,CAACM,KAAK,GAAGT,eAAe,CAACS,KAAK;QAEnE,GAAGD,SAAS;kBAEZD;;AAGP,EAAE;AAEFH,qBAAqBU,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/ContentBadge/ContentBadgeSlotIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { ContentBadgeContext } from './ContentBadgeContext';\nimport styles from './ContentBadge.module.css';\n\nconst iconsClassNames = {\n  m: null,\n  l: styles['ContentBadge__icon-slot--size-l'],\n};\n\nconst singleIconClassNames = {\n  m: styles['ContentBadge__singleIcon-slot--size-m'],\n  l: styles['ContentBadge__singleIcon-slot--size-l'],\n};\n\nexport type ContentBadgeSlotIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nexport const ContentBadgeSlotIcon: React.FC<ContentBadgeSlotIconProps> = ({\n  className,\n  getRootRef,\n  children,\n  ...restProps\n}: ContentBadgeSlotIconProps) => {\n  const { size, isSingleChild } = React.useContext(ContentBadgeContext);\n\n  if (size === 's') {\n    return null;\n  }\n\n  return (\n    <div\n      ref={getRootRef}\n      className={classNames(\n        className,\n        isSingleChild ? singleIconClassNames[size] : iconsClassNames[size],\n      )}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n\nContentBadgeSlotIcon.displayName = 'ContentBadgeSlotIcon';\n"],"names":["React","classNames","ContentBadgeContext","styles","iconsClassNames","m","l","singleIconClassNames","ContentBadgeSlotIcon","className","getRootRef","children","restProps","size","isSingleChild","useContext","div","ref","displayName"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,kBAAkB;IACtBC,GAAG;IACHC,GAAGH,MAAM,CAAC,kCAAkC;AAC9C;AAEA,MAAMI,uBAAuB;IAC3BF,GAAGF,MAAM,CAAC,wCAAwC;IAClDG,GAAGH,MAAM,CAAC,wCAAwC;AACpD;AAIA,OAAO,MAAMK,uBAA4D,CAAC,EACxEC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACR,GAAGC,WACuB;IAC1B,MAAM,EAAEC,IAAI,EAAEC,aAAa,EAAE,GAAGd,MAAMe,UAAU,CAACb;IAEjD,IAAIW,SAAS,KAAK;QAChB,OAAO;IACT;IAEA,qBACE,KAACG;QACCC,KAAKP;QACLD,WAAWR,WACTQ,WACAK,gBAAgBP,oBAAoB,CAACM,KAAK,GAAGT,eAAe,CAACS,KAAK;QAEnE,GAAGD,SAAS;kBAEZD;;AAGP,EAAE;AAEFH,qBAAqBU,WAAW,GAAG"}

package/dist/cssm/components/ContentCard/ContentCard.d.ts

@@ -32,5 +32,5 @@ export interface ContentCardProps extends HasRootRef<HTMLDivElement>, Omit<Tappa
 /**
  * @see https://vkcom.github.io/VKUI/#/ContentCard
  */
-export declare const ContentCard: ({ subtitle, header, headerComponent, text, caption, className, mode, style, getRootRef, getRef, maxHeight, src, srcSet, alt, width, height, crossOrigin, decoding, loading, referrerPolicy, sizes, useMap, fetchPriority, hasHover, hasActive, ...restProps }: ContentCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentCard: ({ subtitle, header, headerComponent, text, caption, className, mode, style, getRootRef, getRef, maxHeight, src, srcSet, alt, width, height, crossOrigin, decoding, loading, referrerPolicy, sizes, useMap, fetchPriority, hasHover, hasActive, ...restProps }: ContentCardProps) => React.ReactNode;
 //# sourceMappingURL=ContentCard.d.ts.map

package/dist/cssm/components/ContentCard/ContentCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAO/D,MAAM,WAAW,gBACf,SAAQ,UAAU,CAAC,cAAc,CAAC,EAChC,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,aAAa,CAAC,EACjD,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,MAAM,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,EAC7F,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,kQA6BrB,gBAAgB,4CAkElB,CAAC"}
+{"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAO/D,MAAM,WAAW,gBACf,SAAQ,UAAU,CAAC,cAAc,CAAC,EAChC,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,aAAa,CAAC,EACjD,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,MAAM,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,EAC7F,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,kQA6BrB,gBAAgB,KAAG,KAAK,CAAC,SAkE3B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { getFetchPriorityProp } from '../../lib/utils';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Card, CardProps } from '../Card/Card';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './ContentCard.module.css';\n\nexport interface ContentCardProps\n  extends HasRootRef<HTMLDivElement>,\n    Omit<TappableProps, 'getRootRef' | 'crossOrigin'>,\n    Omit<React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>,\n    HasRef<HTMLImageElement> {\n  /**\n   Текст над заголовком\n   */\n  subtitle?: React.ReactNode;\n  /**\n   Заголовок\n   */\n  header?: React.ReactNode;\n  /**\n   Позволяет поменять тег используемый для заголовка\n   */\n  headerComponent?: React.ElementType;\n  /**\n   Текст\n   */\n  text?: React.ReactNode;\n  /**\n   Нижний текст\n   */\n  caption?: React.ReactNode;\n  /**\n    Максимальная высота изображения\n   */\n  maxHeight?: number;\n  mode?: CardProps['mode'];\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ContentCard\n */\nexport const ContentCard = ({\n  subtitle,\n  header,\n  headerComponent = 'span',\n  text,\n  caption,\n  // card props\n  className,\n  mode = 'shadow',\n  style,\n  getRootRef,\n  // img props\n  getRef,\n  maxHeight,\n  src,\n  srcSet,\n  alt = '',\n  width,\n  height,\n  crossOrigin,\n  decoding,\n  loading,\n  referrerPolicy,\n  sizes,\n  useMap,\n  fetchPriority,\n  hasHover = false,\n  hasActive = false,\n  ...restProps\n}: ContentCardProps) => {\n  return (\n    <Card\n      mode={mode}\n      getRootRef={getRootRef}\n      style={style}\n      className={classNames(restProps.disabled && styles['ContentCard--disabled'], className)}\n    >\n      <Tappable\n        {...restProps}\n        hasHover={hasHover}\n        hasActive={hasActive}\n        className={styles['ContentCard__tappable']}\n      >\n        {(src || srcSet) && (\n          <img\n            ref={getRef}\n            className={styles['ContentCard__img']}\n            src={src}\n            srcSet={srcSet}\n            alt={alt}\n            crossOrigin={crossOrigin}\n            decoding={decoding}\n            loading={loading}\n            referrerPolicy={referrerPolicy}\n            sizes={sizes}\n            useMap={useMap}\n            {...getFetchPriorityProp(fetchPriority)}\n            height={height}\n            style={{ maxHeight }}\n            width=\"100%\"\n          />\n        )}\n        <div className={styles['ContentCard__body']}>\n          {hasReactNode(subtitle) && (\n            <Caption\n              className={classNames(styles['ContentCard__text'], styles['ContentCard__subtitle'])}\n              weight=\"1\"\n              level=\"3\"\n              caps\n            >\n              {subtitle}\n            </Caption>\n          )}\n          {hasReactNode(header) && (\n            <Headline\n              className={styles['ContentCard__text']}\n              weight=\"2\"\n              level=\"1\"\n              Component={headerComponent}\n            >\n              {header}\n            </Headline>\n          )}\n          {hasReactNode(text) && <Text className={styles['ContentCard__text']}>{text}</Text>}\n          {hasReactNode(caption) && (\n            <Footnote\n              className={classNames(styles['ContentCard__text'], styles['ContentCard__caption'])}\n            >\n              {caption}\n            </Footnote>\n          )}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n"],"names":["React","classNames","hasReactNode","getFetchPriorityProp","Card","Tappable","Caption","Footnote","Headline","Text","styles","ContentCard","subtitle","header","headerComponent","text","caption","className","mode","style","getRootRef","getRef","maxHeight","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","fetchPriority","hasHover","hasActive","restProps","disabled","img","ref","div","weight","level","caps","Component"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,SAASC,IAAI,QAAmB,eAAe;AAC/C,SAASC,QAAQ,QAAuB,uBAAuB;AAC/D,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,YAAY,2BAA2B;AAkC9C;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,QAAQ,EACRC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,IAAI,EACJC,OAAO,EACP,aAAa;AACbC,SAAS,EACTC,OAAO,QAAQ,EACfC,KAAK,EACLC,UAAU,EACV,YAAY;AACZC,MAAM,EACNC,SAAS,EACTC,GAAG,EACHC,MAAM,EACNC,MAAM,EAAE,EACRC,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,cAAc,EACdC,KAAK,EACLC,MAAM,EACNC,aAAa,EACbC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjB,GAAGC,WACc;IACjB,qBACE,KAACjC;QACCc,MAAMA;QACNE,YAAYA;QACZD,OAAOA;QACPF,WAAWhB,WAAWoC,UAAUC,QAAQ,IAAI5B,MAAM,CAAC,wBAAwB,EAAEO;kBAE7E,cAAA,MAACZ;YACE,GAAGgC,SAAS;YACbF,UAAUA;YACVC,WAAWA;YACXnB,WAAWP,MAAM,CAAC,wBAAwB;;gBAExCa,CAAAA,OAAOC,MAAK,mBACZ,KAACe;oBACCC,KAAKnB;oBACLJ,WAAWP,MAAM,CAAC,mBAAmB;oBACrCa,KAAKA;oBACLC,QAAQA;oBACRC,KAAKA;oBACLG,aAAaA;oBACbC,UAAUA;oBACVC,SAASA;oBACTC,gBAAgBA;oBAChBC,OAAOA;oBACPC,QAAQA;oBACP,GAAG9B,qBAAqB+B,cAAc;oBACvCP,QAAQA;oBACRR,OAAO;wBAAEG;oBAAU;oBACnBI,OAAM;;8BAGV,MAACe;oBAAIxB,WAAWP,MAAM,CAAC,oBAAoB;;wBACxCR,aAAaU,2BACZ,KAACN;4BACCW,WAAWhB,WAAWS,MAAM,CAAC,oBAAoB,EAAEA,MAAM,CAAC,wBAAwB;4BAClFgC,QAAO;4BACPC,OAAM;4BACNC,IAAI;sCAEHhC;;wBAGJV,aAAaW,yBACZ,KAACL;4BACCS,WAAWP,MAAM,CAAC,oBAAoB;4BACtCgC,QAAO;4BACPC,OAAM;4BACNE,WAAW/B;sCAEVD;;wBAGJX,aAAaa,uBAAS,KAACN;4BAAKQ,WAAWP,MAAM,CAAC,oBAAoB;sCAAGK;;wBACrEb,aAAac,0BACZ,KAACT;4BACCU,WAAWhB,WAAWS,MAAM,CAAC,oBAAoB,EAAEA,MAAM,CAAC,uBAAuB;sCAEhFM;;;;;;;AAOf,EAAE"}
+{"version":3,"sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { getFetchPriorityProp } from '../../lib/utils';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Card, CardProps } from '../Card/Card';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './ContentCard.module.css';\n\nexport interface ContentCardProps\n  extends HasRootRef<HTMLDivElement>,\n    Omit<TappableProps, 'getRootRef' | 'crossOrigin'>,\n    Omit<React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>,\n    HasRef<HTMLImageElement> {\n  /**\n   Текст над заголовком\n   */\n  subtitle?: React.ReactNode;\n  /**\n   Заголовок\n   */\n  header?: React.ReactNode;\n  /**\n   Позволяет поменять тег используемый для заголовка\n   */\n  headerComponent?: React.ElementType;\n  /**\n   Текст\n   */\n  text?: React.ReactNode;\n  /**\n   Нижний текст\n   */\n  caption?: React.ReactNode;\n  /**\n    Максимальная высота изображения\n   */\n  maxHeight?: number;\n  mode?: CardProps['mode'];\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ContentCard\n */\nexport const ContentCard = ({\n  subtitle,\n  header,\n  headerComponent = 'span',\n  text,\n  caption,\n  // card props\n  className,\n  mode = 'shadow',\n  style,\n  getRootRef,\n  // img props\n  getRef,\n  maxHeight,\n  src,\n  srcSet,\n  alt = '',\n  width,\n  height,\n  crossOrigin,\n  decoding,\n  loading,\n  referrerPolicy,\n  sizes,\n  useMap,\n  fetchPriority,\n  hasHover = false,\n  hasActive = false,\n  ...restProps\n}: ContentCardProps): React.ReactNode => {\n  return (\n    <Card\n      mode={mode}\n      getRootRef={getRootRef}\n      style={style}\n      className={classNames(restProps.disabled && styles['ContentCard--disabled'], className)}\n    >\n      <Tappable\n        {...restProps}\n        hasHover={hasHover}\n        hasActive={hasActive}\n        className={styles['ContentCard__tappable']}\n      >\n        {(src || srcSet) && (\n          <img\n            ref={getRef}\n            className={styles['ContentCard__img']}\n            src={src}\n            srcSet={srcSet}\n            alt={alt}\n            crossOrigin={crossOrigin}\n            decoding={decoding}\n            loading={loading}\n            referrerPolicy={referrerPolicy}\n            sizes={sizes}\n            useMap={useMap}\n            {...getFetchPriorityProp(fetchPriority)}\n            height={height}\n            style={{ maxHeight }}\n            width=\"100%\"\n          />\n        )}\n        <div className={styles['ContentCard__body']}>\n          {hasReactNode(subtitle) && (\n            <Caption\n              className={classNames(styles['ContentCard__text'], styles['ContentCard__subtitle'])}\n              weight=\"1\"\n              level=\"3\"\n              caps\n            >\n              {subtitle}\n            </Caption>\n          )}\n          {hasReactNode(header) && (\n            <Headline\n              className={styles['ContentCard__text']}\n              weight=\"2\"\n              level=\"1\"\n              Component={headerComponent}\n            >\n              {header}\n            </Headline>\n          )}\n          {hasReactNode(text) && <Text className={styles['ContentCard__text']}>{text}</Text>}\n          {hasReactNode(caption) && (\n            <Footnote\n              className={classNames(styles['ContentCard__text'], styles['ContentCard__caption'])}\n            >\n              {caption}\n            </Footnote>\n          )}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n"],"names":["React","classNames","hasReactNode","getFetchPriorityProp","Card","Tappable","Caption","Footnote","Headline","Text","styles","ContentCard","subtitle","header","headerComponent","text","caption","className","mode","style","getRootRef","getRef","maxHeight","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","fetchPriority","hasHover","hasActive","restProps","disabled","img","ref","div","weight","level","caps","Component"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,SAASC,IAAI,QAAmB,eAAe;AAC/C,SAASC,QAAQ,QAAuB,uBAAuB;AAC/D,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,YAAY,2BAA2B;AAkC9C;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,QAAQ,EACRC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,IAAI,EACJC,OAAO,EACP,aAAa;AACbC,SAAS,EACTC,OAAO,QAAQ,EACfC,KAAK,EACLC,UAAU,EACV,YAAY;AACZC,MAAM,EACNC,SAAS,EACTC,GAAG,EACHC,MAAM,EACNC,MAAM,EAAE,EACRC,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,cAAc,EACdC,KAAK,EACLC,MAAM,EACNC,aAAa,EACbC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjB,GAAGC,WACc;IACjB,qBACE,KAACjC;QACCc,MAAMA;QACNE,YAAYA;QACZD,OAAOA;QACPF,WAAWhB,WAAWoC,UAAUC,QAAQ,IAAI5B,MAAM,CAAC,wBAAwB,EAAEO;kBAE7E,cAAA,MAACZ;YACE,GAAGgC,SAAS;YACbF,UAAUA;YACVC,WAAWA;YACXnB,WAAWP,MAAM,CAAC,wBAAwB;;gBAExCa,CAAAA,OAAOC,MAAK,mBACZ,KAACe;oBACCC,KAAKnB;oBACLJ,WAAWP,MAAM,CAAC,mBAAmB;oBACrCa,KAAKA;oBACLC,QAAQA;oBACRC,KAAKA;oBACLG,aAAaA;oBACbC,UAAUA;oBACVC,SAASA;oBACTC,gBAAgBA;oBAChBC,OAAOA;oBACPC,QAAQA;oBACP,GAAG9B,qBAAqB+B,cAAc;oBACvCP,QAAQA;oBACRR,OAAO;wBAAEG;oBAAU;oBACnBI,OAAM;;8BAGV,MAACe;oBAAIxB,WAAWP,MAAM,CAAC,oBAAoB;;wBACxCR,aAAaU,2BACZ,KAACN;4BACCW,WAAWhB,WAAWS,MAAM,CAAC,oBAAoB,EAAEA,MAAM,CAAC,wBAAwB;4BAClFgC,QAAO;4BACPC,OAAM;4BACNC,IAAI;sCAEHhC;;wBAGJV,aAAaW,yBACZ,KAACL;4BACCS,WAAWP,MAAM,CAAC,oBAAoB;4BACtCgC,QAAO;4BACPC,OAAM;4BACNE,WAAW/B;sCAEVD;;wBAGJX,aAAaa,uBAAS,KAACN;4BAAKQ,WAAWP,MAAM,CAAC,oBAAoB;sCAAGK;;wBACrEb,aAAac,0BACZ,KAACT;4BACCU,WAAWhB,WAAWS,MAAM,CAAC,oBAAoB,EAAEA,MAAM,CAAC,uBAAuB;sCAEhFM;;;;;;;AAOf,EAAE"}

package/dist/cssm/components/Counter/Counter.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { HTMLAttributesWithRootRef } from '../../types';
 export interface CounterProps extends HTMLAttributesWithRootRef<HTMLSpanElement> {
     /**
@@ -11,5 +12,5 @@ export interface CounterProps extends HTMLAttributesWithRootRef<HTMLSpanElement>
 /**
  * @see https://vkcom.github.io/VKUI/#/Counter
  */
-export declare const Counter: ({ mode, size, children, className, ...restProps }: CounterProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Counter: ({ mode, size, children, className, ...restProps }: CounterProps) => React.ReactNode;
 //# sourceMappingURL=Counter.d.ts.map

package/dist/cssm/components/Counter/Counter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../../src/components/Counter/Counter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAkBxD,MAAM,WAAW,YAAa,SAAQ,yBAAyB,CAAC,eAAe,CAAC;IAC9E;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;IACtE,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,sDAMjB,YAAY,mDAwBd,CAAC"}
+{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../../src/components/Counter/Counter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAkBxD,MAAM,WAAW,YAAa,SAAQ,yBAAyB,CAAC,eAAe,CAAC;IAC9E;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;IACtE,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,sDAMjB,YAAY,KAAG,KAAK,CAAC,SAwBvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Headline } from '../Typography/Headline/Headline';\nimport styles from './Counter.module.css';\n\nconst modeClassNames = {\n  secondary: styles['Counter--mode-secondary'],\n  primary: styles['Counter--mode-primary'],\n  prominent: styles['Counter--mode-prominent'],\n  contrast: styles['Counter--mode-contrast'],\n  inherit: styles['Counter--mode-inherit'],\n};\n\nconst sizeClassNames = {\n  s: styles['Counter--size-s'],\n  m: styles['Counter--size-m'],\n};\n\nexport interface CounterProps extends HTMLAttributesWithRootRef<HTMLSpanElement> {\n  /**\n   * Тип счетчика.  В режиме `inherit` если компонент находится в кнопке, то\n   * цвета зависят от кнопки. Если компонент находится вне кнопки, применяется\n   * режим `secondary`\n   */\n  mode?: 'secondary' | 'primary' | 'prominent' | 'contrast' | 'inherit';\n  size?: 's' | 'm';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Counter\n */\nexport const Counter = ({\n  mode = 'inherit',\n  size = 'm',\n  children,\n  className,\n  ...restProps\n}: CounterProps) => {\n  if (React.Children.count(children) === 0) {\n    return null;\n  }\n\n  const CounterTypography = size === 's' ? Caption : Headline;\n  const counterLevel = size === 's' ? '1' : '2';\n\n  return (\n    <CounterTypography\n      {...restProps}\n      Component=\"span\"\n      className={classNames(\n        'vkuiInternalCounter',\n        styles['Counter'],\n        modeClassNames[mode],\n        sizeClassNames[size],\n        className,\n      )}\n      level={counterLevel}\n    >\n      {children}\n    </CounterTypography>\n  );\n};\n"],"names":["React","classNames","Caption","Headline","styles","modeClassNames","secondary","primary","prominent","contrast","inherit","sizeClassNames","s","m","Counter","mode","size","children","className","restProps","Children","count","CounterTypography","counterLevel","Component","level"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,iBAAiB;IACrBC,WAAWF,MAAM,CAAC,0BAA0B;IAC5CG,SAASH,MAAM,CAAC,wBAAwB;IACxCI,WAAWJ,MAAM,CAAC,0BAA0B;IAC5CK,UAAUL,MAAM,CAAC,yBAAyB;IAC1CM,SAASN,MAAM,CAAC,wBAAwB;AAC1C;AAEA,MAAMO,iBAAiB;IACrBC,GAAGR,MAAM,CAAC,kBAAkB;IAC5BS,GAAGT,MAAM,CAAC,kBAAkB;AAC9B;AAYA;;CAEC,GACD,OAAO,MAAMU,UAAU,CAAC,EACtBC,OAAO,SAAS,EAChBC,OAAO,GAAG,EACVC,QAAQ,EACRC,SAAS,EACT,GAAGC,WACU;IACb,IAAInB,MAAMoB,QAAQ,CAACC,KAAK,CAACJ,cAAc,GAAG;QACxC,OAAO;IACT;IAEA,MAAMK,oBAAoBN,SAAS,MAAMd,UAAUC;IACnD,MAAMoB,eAAeP,SAAS,MAAM,MAAM;IAE1C,qBACE,KAACM;QACE,GAAGH,SAAS;QACbK,WAAU;QACVN,WAAWjB,WACT,uBACAG,MAAM,CAAC,UAAU,EACjBC,cAAc,CAACU,KAAK,EACpBJ,cAAc,CAACK,KAAK,EACpBE;QAEFO,OAAOF;kBAENN;;AAGP,EAAE"}
+{"version":3,"sources":["../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Headline } from '../Typography/Headline/Headline';\nimport styles from './Counter.module.css';\n\nconst modeClassNames = {\n  secondary: styles['Counter--mode-secondary'],\n  primary: styles['Counter--mode-primary'],\n  prominent: styles['Counter--mode-prominent'],\n  contrast: styles['Counter--mode-contrast'],\n  inherit: styles['Counter--mode-inherit'],\n};\n\nconst sizeClassNames = {\n  s: styles['Counter--size-s'],\n  m: styles['Counter--size-m'],\n};\n\nexport interface CounterProps extends HTMLAttributesWithRootRef<HTMLSpanElement> {\n  /**\n   * Тип счетчика.  В режиме `inherit` если компонент находится в кнопке, то\n   * цвета зависят от кнопки. Если компонент находится вне кнопки, применяется\n   * режим `secondary`\n   */\n  mode?: 'secondary' | 'primary' | 'prominent' | 'contrast' | 'inherit';\n  size?: 's' | 'm';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Counter\n */\nexport const Counter = ({\n  mode = 'inherit',\n  size = 'm',\n  children,\n  className,\n  ...restProps\n}: CounterProps): React.ReactNode => {\n  if (React.Children.count(children) === 0) {\n    return null;\n  }\n\n  const CounterTypography = size === 's' ? Caption : Headline;\n  const counterLevel = size === 's' ? '1' : '2';\n\n  return (\n    <CounterTypography\n      {...restProps}\n      Component=\"span\"\n      className={classNames(\n        'vkuiInternalCounter',\n        styles['Counter'],\n        modeClassNames[mode],\n        sizeClassNames[size],\n        className,\n      )}\n      level={counterLevel}\n    >\n      {children}\n    </CounterTypography>\n  );\n};\n"],"names":["React","classNames","Caption","Headline","styles","modeClassNames","secondary","primary","prominent","contrast","inherit","sizeClassNames","s","m","Counter","mode","size","children","className","restProps","Children","count","CounterTypography","counterLevel","Component","level"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,iBAAiB;IACrBC,WAAWF,MAAM,CAAC,0BAA0B;IAC5CG,SAASH,MAAM,CAAC,wBAAwB;IACxCI,WAAWJ,MAAM,CAAC,0BAA0B;IAC5CK,UAAUL,MAAM,CAAC,yBAAyB;IAC1CM,SAASN,MAAM,CAAC,wBAAwB;AAC1C;AAEA,MAAMO,iBAAiB;IACrBC,GAAGR,MAAM,CAAC,kBAAkB;IAC5BS,GAAGT,MAAM,CAAC,kBAAkB;AAC9B;AAYA;;CAEC,GACD,OAAO,MAAMU,UAAU,CAAC,EACtBC,OAAO,SAAS,EAChBC,OAAO,GAAG,EACVC,QAAQ,EACRC,SAAS,EACT,GAAGC,WACU;IACb,IAAInB,MAAMoB,QAAQ,CAACC,KAAK,CAACJ,cAAc,GAAG;QACxC,OAAO;IACT;IAEA,MAAMK,oBAAoBN,SAAS,MAAMd,UAAUC;IACnD,MAAMoB,eAAeP,SAAS,MAAM,MAAM;IAE1C,qBACE,KAACM;QACE,GAAGH,SAAS;QACbK,WAAU;QACVN,WAAWjB,WACT,uBACAG,MAAM,CAAC,UAAU,EACjBC,cAAc,CAACU,KAAK,EACpBJ,cAAc,CAACK,KAAK,EACpBE;QAEFO,OAAOF;kBAENN;;AAGP,EAAE"}

package/dist/cssm/components/CustomScrollView/CustomScrollView.d.ts

@@ -7,6 +7,10 @@ export interface CustomScrollViewProps extends React.AllHTMLAttributes<HTMLDivEl
     className?: HTMLDivElement['className'];
     onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
     children: React.ReactNode;
+    /**
+     * Поведение overscroll, подробнее можно почитать в [документации](https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior)
+     */
+    overscrollBehavior?: 'auto' | 'contain' | 'none';
 }
-export declare const CustomScrollView: ({ className, children, boxRef: externalBoxRef, windowResize, autoHideScrollbar, autoHideScrollbarDelay, onScroll, getRootRef, ...restProps }: CustomScrollViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomScrollView: ({ className, children, boxRef: externalBoxRef, windowResize, autoHideScrollbar, autoHideScrollbarDelay, onScroll, getRootRef, overscrollBehavior, ...restProps }: CustomScrollViewProps) => React.ReactNode;
 //# sourceMappingURL=CustomScrollView.d.ts.map

package/dist/cssm/components/CustomScrollView/CustomScrollView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomScrollView.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomScrollView/CustomScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAwB,MAAM,wBAAwB,CAAC;AAenF,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAC7C,UAAU,CAAC,cAAc,CAAC,EAC1B,mBAAmB;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,iJAU1B,qBAAqB,4CAmLvB,CAAC"}
+{"version":3,"file":"CustomScrollView.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomScrollView/CustomScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAwB,MAAM,wBAAwB,CAAC;AAqBnF,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAC7C,UAAU,CAAC,cAAc,CAAC,EAC1B,mBAAmB;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;CAClD;AAED,eAAO,MAAM,gBAAgB,qKAW1B,qBAAqB,KAAG,KAAK,CAAC,SA2LhC,CAAC"}

package/dist/cssm/components/CustomScrollView/CustomScrollView.js

@@ -21,7 +21,12 @@ function hasPointerClassName(hasPointer) {
             return styles['CustomScrollView--hasPointer-none'];
     }
 }
-export const CustomScrollView = ({ className, children, boxRef: externalBoxRef, windowResize, autoHideScrollbar = false, autoHideScrollbarDelay, onScroll, getRootRef, ...restProps })=>{
+const overscrollBehaviorClassNames = {
+    auto: undefined,
+    contain: styles['CustomScrollView__box--overscrollBehavior-contain'],
+    none: styles['CustomScrollView__box--overscrollBehavior-none']
+};
+export const CustomScrollView = ({ className, children, boxRef: externalBoxRef, windowResize, autoHideScrollbar = false, autoHideScrollbarDelay, onScroll, getRootRef, overscrollBehavior = 'auto', ...restProps })=>{
     const { document, window } = useDOM();
     const { hasPointer } = useAdaptivity();
     const ratio = React.useRef(NaN);
@@ -146,7 +151,7 @@ export const CustomScrollView = ({ className, children, boxRef: externalBoxRef,
         ...restProps,
         children: [
             /*#__PURE__*/ _jsx("div", {
-                className: styles['CustomScrollView__box'],
+                className: classNames(styles['CustomScrollView__box'], overscrollBehaviorClassNames[overscrollBehavior]),
                 tabIndex: -1,
                 ref: boxRef,
                 onScroll: scroll,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CustomScrollView/CustomScrollView.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { stopPropagation } from '../../lib/utils';\nimport type { HasRootRef } from '../../types';\nimport { TrackerOptionsProps, useTrackerVisibility } from './useTrackerVisibility';\nimport styles from './CustomScrollView.module.css';\n\nfunction hasPointerClassName(hasPointer: boolean | undefined) {\n  switch (hasPointer) {\n    case true:\n      return styles['CustomScrollView--hasPointer-true'];\n    case false:\n      return styles['CustomScrollView--hasPointer-false'];\n    case undefined:\n    default:\n      return styles['CustomScrollView--hasPointer-none'];\n  }\n}\n\nexport interface CustomScrollViewProps\n  extends React.AllHTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    TrackerOptionsProps {\n  windowResize?: boolean;\n  boxRef?: React.Ref<HTMLDivElement>;\n  className?: HTMLDivElement['className'];\n  onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n  children: React.ReactNode;\n}\n\nexport const CustomScrollView = ({\n  className,\n  children,\n  boxRef: externalBoxRef,\n  windowResize,\n  autoHideScrollbar = false,\n  autoHideScrollbarDelay,\n  onScroll,\n  getRootRef,\n  ...restProps\n}: CustomScrollViewProps) => {\n  const { document, window } = useDOM();\n  const { hasPointer } = useAdaptivity();\n\n  const ratio = React.useRef(NaN);\n  const lastTrackerTop = React.useRef(0);\n  const clientHeight = React.useRef(0);\n  const trackerHeight = React.useRef(0);\n  const scrollHeight = React.useRef(0);\n  const transformProp = React.useRef('');\n  const startY = React.useRef(0);\n  const trackerTop = React.useRef(0);\n\n  const boxRef = useExternRef(externalBoxRef);\n  const boxContentRef = React.useRef<HTMLDivElement>(null);\n\n  const barY = React.useRef<HTMLDivElement>(null);\n  const trackerY = React.useRef<HTMLDivElement>(null);\n\n  const setTrackerPosition = (scrollTop: number) => {\n    lastTrackerTop.current = scrollTop;\n    if (trackerY.current !== null) {\n      (trackerY.current.style as any)[transformProp.current] = `translate(0, ${scrollTop}px)`;\n    }\n  };\n\n  const setTrackerPositionFromScroll = (scrollTop: number) => {\n    const progress = scrollTop / (scrollHeight.current - clientHeight.current);\n    setTrackerPosition((clientHeight.current - trackerHeight.current) * progress);\n  };\n\n  const resize = () => {\n    if (!boxRef.current || !barY.current || !trackerY.current) {\n      return;\n    }\n    const localClientHeight = boxRef.current.clientHeight;\n    const localScrollHeight = boxRef.current.scrollHeight;\n    const localRatio = localClientHeight / localScrollHeight;\n    const localTrackerHeight = Math.max(localClientHeight * localRatio, 40);\n\n    ratio.current = localRatio;\n    clientHeight.current = localClientHeight;\n    scrollHeight.current = localScrollHeight;\n    trackerHeight.current = localTrackerHeight;\n\n    if (localRatio >= 1) {\n      barY.current.style.display = 'none';\n    } else {\n      barY.current.style.display = '';\n      trackerY.current.style.height = `${localTrackerHeight}px`;\n      setTrackerPositionFromScroll(boxRef.current.scrollTop);\n    }\n  };\n\n  const resizeHandler = useEventListener('resize', resize);\n\n  useIsomorphicLayoutEffect(() => {\n    if (windowResize && window) {\n      resizeHandler.add(window);\n    }\n  }, [windowResize, window]);\n\n  useResizeObserver(boxContentRef, resize);\n\n  useIsomorphicLayoutEffect(() => {\n    let style = trackerY.current?.style;\n    let prop = '';\n    if (style !== undefined) {\n      if ('transform' in style) {\n        prop = 'transform';\n      } else if ('webkitTransform' in style) {\n        prop = 'webkitTransform';\n      }\n    }\n    transformProp.current = prop;\n  }, []);\n\n  useIsomorphicLayoutEffect(resize);\n\n  const setScrollPositionFromTracker = (trackerTop: number) => {\n    const progress = trackerTop / (clientHeight.current - trackerHeight.current);\n    if (boxRef.current !== null) {\n      boxRef.current.scrollTop = (scrollHeight.current - clientHeight.current) * progress;\n    }\n  };\n\n  const onMove = (e: MouseEvent) => {\n    e.preventDefault();\n    const diff = e.clientY - startY.current;\n    const position = Math.min(\n      Math.max(trackerTop.current + diff, 0),\n      clientHeight.current - trackerHeight.current,\n    );\n\n    setScrollPositionFromTracker(position);\n  };\n\n  const {\n    trackerVisible,\n    onTargetScroll,\n    onTrackerDragStart,\n    onTrackerDragStop,\n    onTrackerMouseEnter,\n    onTrackerMouseLeave,\n  } = useTrackerVisibility(autoHideScrollbar, autoHideScrollbarDelay);\n\n  const onUp = (e: MouseEvent) => {\n    e.preventDefault();\n\n    if (autoHideScrollbar) {\n      onTrackerDragStop();\n    }\n\n    unsubscribe();\n  };\n\n  const scroll = (event: React.UIEvent<HTMLDivElement>) => {\n    if (ratio.current >= 1 || !boxRef.current) {\n      return;\n    }\n\n    if (autoHideScrollbar) {\n      onTargetScroll();\n    }\n\n    setTrackerPositionFromScroll(boxRef.current.scrollTop);\n    onScroll?.(event);\n  };\n\n  const listeners = [useEventListener('mousemove', onMove), useEventListener('mouseup', onUp)];\n\n  function subscribe(el: Document | undefined) {\n    if (el) {\n      listeners.forEach((l) => l.add(el));\n    }\n  }\n\n  function unsubscribe() {\n    listeners.forEach((l) => l.remove());\n  }\n\n  const onDragStart = (e: React.MouseEvent) => {\n    e.preventDefault();\n    startY.current = e.clientY;\n    trackerTop.current = lastTrackerTop.current;\n\n    if (autoHideScrollbar) {\n      onTrackerDragStart();\n    }\n\n    subscribe(document);\n  };\n\n  return (\n    <div\n      className={classNames(className, styles['CustomScrollView'], hasPointerClassName(hasPointer))}\n      ref={getRootRef}\n      {...restProps}\n    >\n      <div className={styles['CustomScrollView__box']} tabIndex={-1} ref={boxRef} onScroll={scroll}>\n        <div ref={boxContentRef} className={styles['CustomScrollView__box-content']}>\n          {children}\n        </div>\n      </div>\n\n      <div className={styles['CustomScrollView__barY']} ref={barY} onClick={stopPropagation}>\n        <div\n          className={classNames(\n            styles['CustomScrollView__trackerY'],\n            !trackerVisible && styles['CustomScrollView__trackerY--hidden'],\n          )}\n          onMouseEnter={autoHideScrollbar ? onTrackerMouseEnter : undefined}\n          onMouseLeave={autoHideScrollbar ? onTrackerMouseLeave : undefined}\n          ref={trackerY}\n          onMouseDown={onDragStart}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useEventListener","useExternRef","useResizeObserver","useDOM","useIsomorphicLayoutEffect","stopPropagation","useTrackerVisibility","styles","hasPointerClassName","hasPointer","undefined","CustomScrollView","className","children","boxRef","externalBoxRef","windowResize","autoHideScrollbar","autoHideScrollbarDelay","onScroll","getRootRef","restProps","document","window","ratio","useRef","NaN","lastTrackerTop","clientHeight","trackerHeight","scrollHeight","transformProp","startY","trackerTop","boxContentRef","barY","trackerY","setTrackerPosition","scrollTop","current","style","setTrackerPositionFromScroll","progress","resize","localClientHeight","localScrollHeight","localRatio","localTrackerHeight","Math","max","display","height","resizeHandler","add","prop","setScrollPositionFromTracker","onMove","e","preventDefault","diff","clientY","position","min","trackerVisible","onTargetScroll","onTrackerDragStart","onTrackerDragStop","onTrackerMouseEnter","onTrackerMouseLeave","onUp","unsubscribe","scroll","event","listeners","subscribe","el","forEach","l","remove","onDragStart","div","ref","tabIndex","onClick","onMouseEnter","onMouseLeave","onMouseDown"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/CustomScrollView/CustomScrollView.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { stopPropagation } from '../../lib/utils';\nimport type { HasRootRef } from '../../types';\nimport { TrackerOptionsProps, useTrackerVisibility } from './useTrackerVisibility';\nimport styles from './CustomScrollView.module.css';\n\nfunction hasPointerClassName(hasPointer: boolean | undefined) {\n  switch (hasPointer) {\n    case true:\n      return styles['CustomScrollView--hasPointer-true'];\n    case false:\n      return styles['CustomScrollView--hasPointer-false'];\n    case undefined:\n    default:\n      return styles['CustomScrollView--hasPointer-none'];\n  }\n}\n\nconst overscrollBehaviorClassNames = {\n  auto: undefined,\n  contain: styles['CustomScrollView__box--overscrollBehavior-contain'],\n  none: styles['CustomScrollView__box--overscrollBehavior-none'],\n};\n\nexport interface CustomScrollViewProps\n  extends React.AllHTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    TrackerOptionsProps {\n  windowResize?: boolean;\n  boxRef?: React.Ref<HTMLDivElement>;\n  className?: HTMLDivElement['className'];\n  onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n  children: React.ReactNode;\n  /**\n   * Поведение overscroll, подробнее можно почитать в [документации](https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior)\n   */\n  overscrollBehavior?: 'auto' | 'contain' | 'none';\n}\n\nexport const CustomScrollView = ({\n  className,\n  children,\n  boxRef: externalBoxRef,\n  windowResize,\n  autoHideScrollbar = false,\n  autoHideScrollbarDelay,\n  onScroll,\n  getRootRef,\n  overscrollBehavior = 'auto',\n  ...restProps\n}: CustomScrollViewProps): React.ReactNode => {\n  const { document, window } = useDOM();\n  const { hasPointer } = useAdaptivity();\n\n  const ratio = React.useRef(NaN);\n  const lastTrackerTop = React.useRef(0);\n  const clientHeight = React.useRef(0);\n  const trackerHeight = React.useRef(0);\n  const scrollHeight = React.useRef(0);\n  const transformProp = React.useRef('');\n  const startY = React.useRef(0);\n  const trackerTop = React.useRef(0);\n\n  const boxRef = useExternRef(externalBoxRef);\n  const boxContentRef = React.useRef<HTMLDivElement>(null);\n\n  const barY = React.useRef<HTMLDivElement>(null);\n  const trackerY = React.useRef<HTMLDivElement>(null);\n\n  const setTrackerPosition = (scrollTop: number) => {\n    lastTrackerTop.current = scrollTop;\n    if (trackerY.current !== null) {\n      (trackerY.current.style as any)[transformProp.current] = `translate(0, ${scrollTop}px)`;\n    }\n  };\n\n  const setTrackerPositionFromScroll = (scrollTop: number) => {\n    const progress = scrollTop / (scrollHeight.current - clientHeight.current);\n    setTrackerPosition((clientHeight.current - trackerHeight.current) * progress);\n  };\n\n  const resize = () => {\n    if (!boxRef.current || !barY.current || !trackerY.current) {\n      return;\n    }\n    const localClientHeight = boxRef.current.clientHeight;\n    const localScrollHeight = boxRef.current.scrollHeight;\n    const localRatio = localClientHeight / localScrollHeight;\n    const localTrackerHeight = Math.max(localClientHeight * localRatio, 40);\n\n    ratio.current = localRatio;\n    clientHeight.current = localClientHeight;\n    scrollHeight.current = localScrollHeight;\n    trackerHeight.current = localTrackerHeight;\n\n    if (localRatio >= 1) {\n      barY.current.style.display = 'none';\n    } else {\n      barY.current.style.display = '';\n      trackerY.current.style.height = `${localTrackerHeight}px`;\n      setTrackerPositionFromScroll(boxRef.current.scrollTop);\n    }\n  };\n\n  const resizeHandler = useEventListener('resize', resize);\n\n  useIsomorphicLayoutEffect(() => {\n    if (windowResize && window) {\n      resizeHandler.add(window);\n    }\n  }, [windowResize, window]);\n\n  useResizeObserver(boxContentRef, resize);\n\n  useIsomorphicLayoutEffect(() => {\n    let style = trackerY.current?.style;\n    let prop = '';\n    if (style !== undefined) {\n      if ('transform' in style) {\n        prop = 'transform';\n      } else if ('webkitTransform' in style) {\n        prop = 'webkitTransform';\n      }\n    }\n    transformProp.current = prop;\n  }, []);\n\n  useIsomorphicLayoutEffect(resize);\n\n  const setScrollPositionFromTracker = (trackerTop: number) => {\n    const progress = trackerTop / (clientHeight.current - trackerHeight.current);\n    if (boxRef.current !== null) {\n      boxRef.current.scrollTop = (scrollHeight.current - clientHeight.current) * progress;\n    }\n  };\n\n  const onMove = (e: MouseEvent) => {\n    e.preventDefault();\n    const diff = e.clientY - startY.current;\n    const position = Math.min(\n      Math.max(trackerTop.current + diff, 0),\n      clientHeight.current - trackerHeight.current,\n    );\n\n    setScrollPositionFromTracker(position);\n  };\n\n  const {\n    trackerVisible,\n    onTargetScroll,\n    onTrackerDragStart,\n    onTrackerDragStop,\n    onTrackerMouseEnter,\n    onTrackerMouseLeave,\n  } = useTrackerVisibility(autoHideScrollbar, autoHideScrollbarDelay);\n\n  const onUp = (e: MouseEvent) => {\n    e.preventDefault();\n\n    if (autoHideScrollbar) {\n      onTrackerDragStop();\n    }\n\n    unsubscribe();\n  };\n\n  const scroll = (event: React.UIEvent<HTMLDivElement>) => {\n    if (ratio.current >= 1 || !boxRef.current) {\n      return;\n    }\n\n    if (autoHideScrollbar) {\n      onTargetScroll();\n    }\n\n    setTrackerPositionFromScroll(boxRef.current.scrollTop);\n    onScroll?.(event);\n  };\n\n  const listeners = [useEventListener('mousemove', onMove), useEventListener('mouseup', onUp)];\n\n  function subscribe(el: Document | undefined) {\n    if (el) {\n      listeners.forEach((l) => l.add(el));\n    }\n  }\n\n  function unsubscribe() {\n    listeners.forEach((l) => l.remove());\n  }\n\n  const onDragStart = (e: React.MouseEvent) => {\n    e.preventDefault();\n    startY.current = e.clientY;\n    trackerTop.current = lastTrackerTop.current;\n\n    if (autoHideScrollbar) {\n      onTrackerDragStart();\n    }\n\n    subscribe(document);\n  };\n\n  return (\n    <div\n      className={classNames(className, styles['CustomScrollView'], hasPointerClassName(hasPointer))}\n      ref={getRootRef}\n      {...restProps}\n    >\n      <div\n        className={classNames(\n          styles['CustomScrollView__box'],\n          overscrollBehaviorClassNames[overscrollBehavior],\n        )}\n        tabIndex={-1}\n        ref={boxRef}\n        onScroll={scroll}\n      >\n        <div ref={boxContentRef} className={styles['CustomScrollView__box-content']}>\n          {children}\n        </div>\n      </div>\n\n      <div className={styles['CustomScrollView__barY']} ref={barY} onClick={stopPropagation}>\n        <div\n          className={classNames(\n            styles['CustomScrollView__trackerY'],\n            !trackerVisible && styles['CustomScrollView__trackerY--hidden'],\n          )}\n          onMouseEnter={autoHideScrollbar ? onTrackerMouseEnter : undefined}\n          onMouseLeave={autoHideScrollbar ? onTrackerMouseLeave : undefined}\n          ref={trackerY}\n          onMouseDown={onDragStart}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useEventListener","useExternRef","useResizeObserver","useDOM","useIsomorphicLayoutEffect","stopPropagation","useTrackerVisibility","styles","hasPointerClassName","hasPointer","undefined","overscrollBehaviorClassNames","auto","contain","none","CustomScrollView","className","children","boxRef","externalBoxRef","windowResize","autoHideScrollbar","autoHideScrollbarDelay","onScroll","getRootRef","overscrollBehavior","restProps","document","window","ratio","useRef","NaN","lastTrackerTop","clientHeight","trackerHeight","scrollHeight","transformProp","startY","trackerTop","boxContentRef","barY","trackerY","setTrackerPosition","scrollTop","current","style","setTrackerPositionFromScroll","progress","resize","localClientHeight","localScrollHeight","localRatio","localTrackerHeight","Math","max","display","height","resizeHandler","add","prop","setScrollPositionFromTracker","onMove","e","preventDefault","diff","clientY","position","min","trackerVisible","onTargetScroll","onTrackerDragStart","onTrackerDragStop","onTrackerMouseEnter","onTrackerMouseLeave","onUp","unsubscribe","scroll","event","listeners","subscribe","el","forEach","l","remove","onDragStart","div","ref","tabIndex","onClick","onMouseEnter","onMouseLeave","onMouseDown"],"mappings":"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"}

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

@@ -16,6 +16,14 @@
   position: relative;
 }
 
+.CustomScrollView__box--overscrollBehavior-contain {
+  overscroll-behavior: contain;
+}
+
+.CustomScrollView__box--overscrollBehavior-none {
+  overscroll-behavior: none;
+}
+
 .CustomScrollView__box-content {
   position: relative;
   inline-size: 100%;
@@ -37,7 +45,7 @@
 .CustomScrollView__trackerY {
   inline-size: 10px;
   box-sizing: border-box;
-  padding-block: 4px 4px;
+  padding-block: 4px;
   padding-inline: 0 4px;
   position: absolute;
   inset-block-start: 0;

package/dist/cssm/components/CustomSelect/CustomSelect.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { type FilterFn } from '../../lib/select';
 import { TrackerOptionsProps } from '../CustomScrollView/useTrackerVisibility';
+import { CustomSelectDropdownProps } from '../CustomSelectDropdown/CustomSelectDropdown';
 import { CustomSelectOptionProps } from '../CustomSelectOption/CustomSelectOption';
 import { FormFieldProps } from '../FormField/FormField';
 import { NativeSelectProps } from '../NativeSelect/NativeSelect';
@@ -17,7 +18,11 @@ export interface CustomSelectRenderOption<T extends CustomSelectOptionInterface>
     option: T;
 }
 export type { CustomSelectClearButtonProps };
-export interface SelectProps<OptionInterfaceT extends CustomSelectOptionInterface = CustomSelectOptionInterface> extends NativeSelectProps, FormFieldProps, TrackerOptionsProps {
+export interface SelectProps<OptionInterfaceT extends CustomSelectOptionInterface = CustomSelectOptionInterface> extends NativeSelectProps, FormFieldProps, TrackerOptionsProps, Pick<CustomSelectDropdownProps, 'overscrollBehavior' | 'autoHideScrollbar' | 'autoHideScrollbarDelay'> {
+    /**
+     * ref на внутрений компонент input
+     */
+    getSelectInputRef?: React.Ref<HTMLInputElement>;
     /**
      * Если `true`, то при клике на `CustomSelect` в нём появится текстовое поле для поиска по `options`. По умолчанию поиск
      * производится по `option.label`.
@@ -100,5 +105,5 @@ export interface SelectProps<OptionInterfaceT extends CustomSelectOptionInterfac
 /**
  * @see https://vkcom.github.io/VKUI/#/CustomSelect
  */
-export declare function CustomSelect<OptionInterfaceT extends CustomSelectOptionInterface>(props: SelectProps<OptionInterfaceT>): import("react/jsx-runtime").JSX.Element;
+export declare function CustomSelect<OptionInterfaceT extends CustomSelectOptionInterface>(props: SelectProps<OptionInterfaceT>): React.ReactNode;
 //# sourceMappingURL=CustomSelect.d.ts.map

package/dist/cssm/components/CustomSelect/CustomSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomSelect/CustomSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomSelect/CustomSelect.tsx"],"names":[],"mappings":"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"}

package/dist/cssm/components/CustomSelect/CustomSelect.js

@@ -72,7 +72,7 @@ const defaultOptions = [];
  * @see https://vkcom.github.io/VKUI/#/CustomSelect
  */ export function CustomSelect(props) {
     const [opened, setOpened] = React.useState(false);
-    const { before, name, className, getRef, getRootRef, popupDirection = 'bottom', style, onChange, children, onInputChange: onInputChangeProp, renderDropdown, onOpen, onClose, fetching, forceDropdownPortal, selectType = 'default', autoHideScrollbar, autoHideScrollbarDelay, searchable = false, renderOption: renderOptionProp = defaultRenderOptionFn, options: optionsProp = defaultOptions, emptyText = 'Ничего не найдено', filterFn = defaultFilterFn, icon: iconProp, ClearButton = CustomSelectClearButton, allowClearButton = false, dropdownOffsetDistance = 0, dropdownAutoWidth = false, noMaxHeight = false, ['aria-labelledby']: ariaLabelledBy, clearButtonTestId, nativeSelectTestId, defaultValue, required, ...restProps } = props;
+    const { before, name, className, getRef, getRootRef, popupDirection = 'bottom', style, onChange, children, onInputChange: onInputChangeProp, renderDropdown, onOpen, onClose, fetching, forceDropdownPortal, selectType = 'default', autoHideScrollbar, autoHideScrollbarDelay, searchable = false, renderOption: renderOptionProp = defaultRenderOptionFn, options: optionsProp = defaultOptions, emptyText = 'Ничего не найдено', filterFn = defaultFilterFn, icon: iconProp, ClearButton = CustomSelectClearButton, allowClearButton = false, dropdownOffsetDistance = 0, dropdownAutoWidth = false, noMaxHeight = false, ['aria-labelledby']: ariaLabelledBy, clearButtonTestId, nativeSelectTestId, defaultValue, required, getSelectInputRef, overscrollBehavior, ...restProps } = props;
     if (process.env.NODE_ENV === 'development') {
         checkOptionsValueType(optionsProp);
     }
@@ -463,14 +463,16 @@ const defaultOptions = [];
         renderDropdown,
         renderOption
     ]);
-    const selectInputRef = React.useRef(null);
+    const selectInputRef = useExternRef(getSelectInputRef);
     const focusOnInputTimerRef = React.useRef();
     const focusOnInput = React.useCallback(()=>{
         clearTimeout(focusOnInputTimerRef.current);
         focusOnInputTimerRef.current = setTimeout(()=>{
             selectInputRef.current && selectInputRef.current.focus();
         }, 0);
-    }, []);
+    }, [
+        selectInputRef
+    ]);
     useIsomorphicLayoutEffect(function clearFocusOnInputTimer() {
         return ()=>{
             clearTimeout(focusOnInputTimerRef.current);
@@ -543,7 +545,8 @@ const defaultOptions = [];
         }
     }, [
         document,
-        focusOnInput
+        focusOnInput,
+        selectInputRef
     ]);
     const preventInputBlurWhenClickInsideFocusedSelectArea = (e)=>{
         // Так как инпут больше не оборачивается пустым лэйблом, то клик внутри обертки,
@@ -629,6 +632,7 @@ const defaultOptions = [];
                 onPlacementChange: setPopperPlacement,
                 onMouseLeave: resetFocusedOption,
                 fetching: fetching,
+                overscrollBehavior: overscrollBehavior,
                 offsetDistance: dropdownOffsetDistance,
                 autoWidth: dropdownAutoWidth,
                 forcePortal: forceDropdownPortal,