@vkontakte/vkui 7.2.1 → 7.3.0

package/dist/components/ConfigProvider/ConfigProviderOverride.d.ts

@@ -1,10 +1,13 @@
 import * as React from 'react';
 import { type ConfigProviderContextInterface } from './ConfigProviderContext';
 export interface ConfigProviderOverrideProps extends Partial<ConfigProviderContextInterface> {
+    /**
+     * Содержимое.
+     */
     children: React.ReactNode;
 }
 /**
- * Компонент предназначен для перебивания одного из значений контекста
+ * Компонент предназначен для перебивания одного из значений контекста.
  */
 export declare function ConfigProviderOverride({ children, ...contextValue }: ConfigProviderOverrideProps): React.ReactNode;
 //# sourceMappingURL=ConfigProviderOverride.d.ts.map

package/dist/components/ConfigProvider/ConfigProviderOverride.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigProviderOverride.d.ts","sourceRoot":"","sources":["../../../src/components/ConfigProvider/ConfigProviderOverride.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,8BAA8B,EAGpC,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,2BAA4B,SAAQ,OAAO,CAAC,8BAA8B,CAAC;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,YAAY,EAChB,EAAE,2BAA2B,GAAG,KAAK,CAAC,SAAS,CAU/C"}
+{"version":3,"file":"ConfigProviderOverride.d.ts","sourceRoot":"","sources":["../../../src/components/ConfigProvider/ConfigProviderOverride.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,8BAA8B,EAGpC,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,2BAA4B,SAAQ,OAAO,CAAC,8BAA8B,CAAC;IAC1F;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,YAAY,EAChB,EAAE,2BAA2B,GAAG,KAAK,CAAC,SAAS,CAU/C"}

package/dist/components/ConfigProvider/ConfigProviderOverride.js

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { ConfigProviderContext, useConfigProvider, useConfigProviderContextMemo } from "./ConfigProviderContext.js";
 /**
- * Компонент предназначен для перебивания одного из значений контекста
+ * Компонент предназначен для перебивания одного из значений контекста.
  */ export function ConfigProviderOverride(_param) {
     var { children } = _param, contextValue = _object_without_properties(_param, [
         "children"

package/dist/components/ConfigProvider/ConfigProviderOverride.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ConfigProvider/ConfigProviderOverride.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  ConfigProviderContext,\n  type ConfigProviderContextInterface,\n  useConfigProvider,\n  useConfigProviderContextMemo,\n} from './ConfigProviderContext';\n\nexport interface ConfigProviderOverrideProps extends Partial<ConfigProviderContextInterface> {\n  children: React.ReactNode;\n}\n\n/**\n * Компонент предназначен для перебивания одного из значений контекста\n */\nexport function ConfigProviderOverride({\n  children,\n  ...contextValue\n}: ConfigProviderOverrideProps): React.ReactNode {\n  const parentConfig = useConfigProvider();\n\n  const configContext = useConfigProviderContextMemo({ ...parentConfig, ...contextValue });\n\n  return (\n    <ConfigProviderContext.Provider value={configContext}>\n      {children}\n    </ConfigProviderContext.Provider>\n  );\n}\n"],"names":["React","ConfigProviderContext","useConfigProvider","useConfigProviderContextMemo","ConfigProviderOverride","children","contextValue","parentConfig","configContext","Provider","value"],"mappings":"AAAA;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,qBAAqB,EAErBC,iBAAiB,EACjBC,4BAA4B,QACvB,6BAA0B;AAMjC;;CAEC,GACD,OAAO,SAASC,uBAAuB;QAAA,EACrCC,QAAQ,EAEoB,GAHS,QAElCC,0CAFkC;QACrCD;;IAGA,MAAME,eAAeL;IAErB,MAAMM,gBAAgBL,6BAA6B,mBAAKI,cAAiBD;IAEzE,qBACE,KAACL,sBAAsBQ,QAAQ;QAACC,OAAOF;kBACpCH;;AAGP"}
+{"version":3,"sources":["../../../src/components/ConfigProvider/ConfigProviderOverride.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  ConfigProviderContext,\n  type ConfigProviderContextInterface,\n  useConfigProvider,\n  useConfigProviderContextMemo,\n} from './ConfigProviderContext';\n\nexport interface ConfigProviderOverrideProps extends Partial<ConfigProviderContextInterface> {\n  /**\n   * Содержимое.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Компонент предназначен для перебивания одного из значений контекста.\n */\nexport function ConfigProviderOverride({\n  children,\n  ...contextValue\n}: ConfigProviderOverrideProps): React.ReactNode {\n  const parentConfig = useConfigProvider();\n\n  const configContext = useConfigProviderContextMemo({ ...parentConfig, ...contextValue });\n\n  return (\n    <ConfigProviderContext.Provider value={configContext}>\n      {children}\n    </ConfigProviderContext.Provider>\n  );\n}\n"],"names":["React","ConfigProviderContext","useConfigProvider","useConfigProviderContextMemo","ConfigProviderOverride","children","contextValue","parentConfig","configContext","Provider","value"],"mappings":"AAAA;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,qBAAqB,EAErBC,iBAAiB,EACjBC,4BAA4B,QACvB,6BAA0B;AASjC;;CAEC,GACD,OAAO,SAASC,uBAAuB;QAAA,EACrCC,QAAQ,EAEoB,GAHS,QAElCC,0CAFkC;QACrCD;;IAGA,MAAME,eAAeL;IAErB,MAAMM,gBAAgBL,6BAA6B,mBAAKI,cAAiBD;IAEzE,qBACE,KAACL,sBAAsBQ,QAAQ;QAACC,OAAOF;kBACpCH;;AAGP"}

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

@@ -15,7 +15,7 @@ export interface ContentBadgeProps extends HTMLAttributesWithRootRef<HTMLDivElem
     /**
      * Включает приближение значения закругления к форме круга.
      *
-     * > Note: игнорируется при size="s"
+     * > Note: игнорируется при size="s".
      */
     capsule?: boolean;
     /**
@@ -25,7 +25,7 @@ export interface ContentBadgeProps extends HTMLAttributesWithRootRef<HTMLDivElem
      *
      * - size="s" – ⚠️ не поддерживает иконки;
      * - size="m" – при **одиночной** иконке `16x16`, в остальных случаях `12x12`;
-     * - size="l" – при **одиночной** иконке `20x20`, в остальных случаях `16x16`;
+     * - size="l" – при **одиночной** иконке `20x20`, в остальных случаях `16x16`.
      */
     size?: ContentBadgeSizeType;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ContentBadge.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBadge/ContentBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAqC1E,MAAM,WAAW,iBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,SAAS,CAAC;IAC9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,GAAG;IACvD,QAAQ,EAAE,OAAO,oBAAoB,CAAC;CAkCvC,CAAC"}
+{"version":3,"file":"ContentBadge.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBadge/ContentBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAqC1E,MAAM,WAAW,iBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,SAAS,CAAC;IAC9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,GAAG;IACvD,QAAQ,EAAE,OAAO,oBAAoB,CAAC;CAkCvC,CAAC"}

package/dist/components/ContentBadge/ContentBadge.js

@@ -4,6 +4,7 @@ import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
+import { defineComponentDisplayNames } from "../../lib/react/defineComponentDisplayNames.js";
 import { Caption } from "../Typography/Caption/Caption.js";
 import { Footnote } from "../Typography/Footnote/Footnote.js";
 import { ContentBadgeContext } from "./ContentBadgeContext.js";
@@ -72,8 +73,9 @@ const sizeClassNames = {
         })
     }));
 };
-ContentBadge.displayName = 'ContentBadge';
 ContentBadge.SlotIcon = ContentBadgeSlotIcon;
-ContentBadge.SlotIcon.displayName = 'ContentBadge.SlotIcon';
+if (process.env.NODE_ENV !== 'production') {
+    defineComponentDisplayNames(ContentBadge.SlotIcon, 'ContentBadge.SlotIcon');
+}
 
 //# sourceMappingURL=ContentBadge.js.map

package/dist/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 type { 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.primaryAccent,\n    secondary: styles.secondaryAccent,\n    outline: styles.outlineAccent,\n  },\n  'neutral': {\n    primary: styles.primaryNeutral,\n    secondary: styles.secondaryNeutral,\n    outline: styles.outlineNeutral,\n  },\n  'accent-green': {\n    primary: styles.primaryAccentGreen,\n    secondary: styles.secondaryAccentGreen,\n    outline: styles.outlineAccentGreen,\n  },\n  'accent-red': {\n    primary: styles.primaryAccentRed,\n    secondary: styles.secondaryAccentRed,\n    outline: styles.outlineAccentRed,\n  },\n  'overlay': {\n    primary: styles.primaryOverlay,\n    secondary: styles.secondaryOverlay,\n    outline: styles.outlineOverlay,\n  },\n};\n\nconst sizeClassNames = {\n  s: styles.sizeS,\n  m: styles.sizeM,\n  l: styles.sizeL,\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 */\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.host,\n        size !== 's' && capsule && styles.capsule,\n        mode === 'outline' && styles.modeOutline,\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","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,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAE3D,SAASC,mBAAmB,QAAQ,2BAAwB;AAC5D,SAASC,oBAAoB,QAAQ,4BAAyB;AAI9D,MAAMC,uBAAuB;IAC3B,UAAU;QACRC,OAAO;QACPC,SAAS;QACTC,OAAO;IACT;IACA,WAAW;QACTF,OAAO;QACPC,SAAS;QACTC,OAAO;IACT;IACA,gBAAgB;QACdF,OAAO;QACPC,SAAS;QACTC,OAAO;IACT;IACA,cAAc;QACZF,OAAO;QACPC,SAAS;QACTC,OAAO;IACT;IACA,WAAW;QACTF,OAAO;QACPC,SAAS;QACTC,OAAO;IACT;AACF;AAEA,MAAMC,iBAAiB;IACrBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AA+BA;;;;;;;;CAQC,GACD,OAAO,MAAMC,eAET;QAAC,EACHC,aAAa,QAAQ,EACrBC,OAAO,SAAS,EAChBC,OAAO,EACPC,OAAO,GAAG,EACVC,SAAS,GAAG,EACZC,SAAS,EACTC,QAAQ,EAEU,WADfC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,sBAAsBL,SAAS,MAAMf,WAAWD;IAEtD,qBACE,KAACqB,6DACKD;QACJH,QAAQA;QACRK,SAAS;QACTJ,WAAWnB,WACTmB,qCAEAF,SAAS,OAAOD,wCAChBD,SAAS,8CACTV,oBAAoB,CAACS,WAAW,CAACC,KAAK,EACtCN,cAAc,CAACQ,KAAK;kBAGtB,cAAA,KAACd,oBAAoBqB,QAAQ;YAC3BC,OAAO;gBAAEC,eAAe3B,MAAM4B,QAAQ,CAACC,KAAK,CAACR,cAAc;gBAAGH;YAAK;sBAElEG;;;AAIT,EAAE;AAEFP,aAAagB,WAAW,GAAG;AAE3BhB,aAAaiB,QAAQ,GAAG1B;AACxBS,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 { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport type { 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.primaryAccent,\n    secondary: styles.secondaryAccent,\n    outline: styles.outlineAccent,\n  },\n  'neutral': {\n    primary: styles.primaryNeutral,\n    secondary: styles.secondaryNeutral,\n    outline: styles.outlineNeutral,\n  },\n  'accent-green': {\n    primary: styles.primaryAccentGreen,\n    secondary: styles.secondaryAccentGreen,\n    outline: styles.outlineAccentGreen,\n  },\n  'accent-red': {\n    primary: styles.primaryAccentRed,\n    secondary: styles.secondaryAccentRed,\n    outline: styles.outlineAccentRed,\n  },\n  'overlay': {\n    primary: styles.primaryOverlay,\n    secondary: styles.secondaryOverlay,\n    outline: styles.outlineOverlay,\n  },\n};\n\nconst sizeClassNames = {\n  s: styles.sizeS,\n  m: styles.sizeM,\n  l: styles.sizeL,\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 */\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.host,\n        size !== 's' && capsule && styles.capsule,\n        mode === 'outline' && styles.modeOutline,\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.SlotIcon = ContentBadgeSlotIcon;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(ContentBadge.SlotIcon, 'ContentBadge.SlotIcon');\n}\n"],"names":["React","classNames","defineComponentDisplayNames","Caption","Footnote","ContentBadgeContext","ContentBadgeSlotIcon","appearanceClassNames","primary","secondary","outline","sizeClassNames","s","m","l","ContentBadge","appearance","mode","capsule","size","weight","className","children","restProps","TypographyComponent","normalize","Provider","value","isSingleChild","Children","count","SlotIcon","process","env","NODE_ENV"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAE3D,SAASC,mBAAmB,QAAQ,2BAAwB;AAC5D,SAASC,oBAAoB,QAAQ,4BAAyB;AAI9D,MAAMC,uBAAuB;IAC3B,UAAU;QACRC,OAAO;QACPC,SAAS;QACTC,OAAO;IACT;IACA,WAAW;QACTF,OAAO;QACPC,SAAS;QACTC,OAAO;IACT;IACA,gBAAgB;QACdF,OAAO;QACPC,SAAS;QACTC,OAAO;IACT;IACA,cAAc;QACZF,OAAO;QACPC,SAAS;QACTC,OAAO;IACT;IACA,WAAW;QACTF,OAAO;QACPC,SAAS;QACTC,OAAO;IACT;AACF;AAEA,MAAMC,iBAAiB;IACrBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AA+BA;;;;;;;;CAQC,GACD,OAAO,MAAMC,eAET;QAAC,EACHC,aAAa,QAAQ,EACrBC,OAAO,SAAS,EAChBC,OAAO,EACPC,OAAO,GAAG,EACVC,SAAS,GAAG,EACZC,SAAS,EACTC,QAAQ,EAEU,WADfC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,sBAAsBL,SAAS,MAAMf,WAAWD;IAEtD,qBACE,KAACqB,6DACKD;QACJH,QAAQA;QACRK,SAAS;QACTJ,WAAWpB,WACToB,qCAEAF,SAAS,OAAOD,wCAChBD,SAAS,8CACTV,oBAAoB,CAACS,WAAW,CAACC,KAAK,EACtCN,cAAc,CAACQ,KAAK;kBAGtB,cAAA,KAACd,oBAAoBqB,QAAQ;YAC3BC,OAAO;gBAAEC,eAAe5B,MAAM6B,QAAQ,CAACC,KAAK,CAACR,cAAc;gBAAGH;YAAK;sBAElEG;;;AAIT,EAAE;AAEFP,aAAagB,QAAQ,GAAGzB;AAExB,IAAI0B,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzChC,4BAA4Ba,aAAagB,QAAQ,EAAE;AACrD"}

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

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

@@ -1,5 +1,5 @@
 'use client';
-import * as React from "react";
+/* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
 /**
  * Контекст для внутреннего использовния.
  * @private

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ContentBadge/ContentBadgeContext.tsx"],"sourcesContent":["'use client';\n\nimport * 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;AAEA,YAAYA,WAAW,QAAQ;AAQ/B;;;CAGC,GACD,OAAO,MAAMC,oCACXD,MAAME,aAAa,CAA2B;IAC5CC,eAAe;IACfC,MAAM;AACR,GAAG"}
+{"version":3,"sources":["../../../src/components/ContentBadge/ContentBadgeContext.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * 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;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAQ/B;;;CAGC,GACD,OAAO,MAAMC,oCACXD,MAAME,aAAa,CAA2B;IAC5CC,eAAe;IACfC,MAAM;AACR,GAAG"}

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

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

package/dist/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,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"}
+{"version":3,"file":"ContentBadgeSlotIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBadge/ContentBadgeSlotIcon.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAc7D,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAElF,eAAO,MAAM,oBAAoB,GAAI,mDAKlC,yBAAyB,mDAmB3B,CAAC"}

package/dist/components/ContentBadge/ContentBadgeSlotIcon.js

@@ -31,6 +31,5 @@ export const ContentBadgeSlotIcon = (_param)=>{
         children: children
     }));
 };
-ContentBadgeSlotIcon.displayName = 'ContentBadgeSlotIcon';
 
 //# sourceMappingURL=ContentBadgeSlotIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ContentBadge/ContentBadgeSlotIcon.tsx"],"sourcesContent":["'use client';\n\nimport * 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.iconSlotSizeL,\n};\n\nconst singleIconClassNames = {\n  m: styles.singleIconSlotSizeM,\n  l: styles.singleIconSlotSizeL,\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","iconsClassNames","m","l","singleIconClassNames","ContentBadgeSlotIcon","className","getRootRef","children","restProps","size","isSingleChild","useContext","div","ref","displayName"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,mBAAmB,QAAQ,2BAAwB;AAG5D,MAAMC,kBAAkB;IACtBC,GAAG;IACHC,CAAC;AACH;AAEA,MAAMC,uBAAuB;IAC3BF,CAAC;IACDC,CAAC;AACH;AAIA,OAAO,MAAME,uBAA4D;QAAC,EACxEC,SAAS,EACTC,UAAU,EACVC,QAAQ,EAEkB,WADvBC;QAHHH;QACAC;QACAC;;IAGA,MAAM,EAAEE,IAAI,EAAEC,aAAa,EAAE,GAAGb,MAAMc,UAAU,CAACZ;IAEjD,IAAIU,SAAS,KAAK;QAChB,OAAO;IACT;IAEA,qBACE,KAACG;QACCC,KAAKP;QACLD,WAAWP,WACTO,WACAK,gBAAgBP,oBAAoB,CAACM,KAAK,GAAGT,eAAe,CAACS,KAAK;OAEhED;kBAEHD;;AAGP,EAAE;AAEFH,qBAAqBU,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/ContentBadge/ContentBadgeSlotIcon.tsx"],"sourcesContent":["'use client';\n\nimport * 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.iconSlotSizeL,\n};\n\nconst singleIconClassNames = {\n  m: styles.singleIconSlotSizeM,\n  l: styles.singleIconSlotSizeL,\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"],"names":["React","classNames","ContentBadgeContext","iconsClassNames","m","l","singleIconClassNames","ContentBadgeSlotIcon","className","getRootRef","children","restProps","size","isSingleChild","useContext","div","ref"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,mBAAmB,QAAQ,2BAAwB;AAG5D,MAAMC,kBAAkB;IACtBC,GAAG;IACHC,CAAC;AACH;AAEA,MAAMC,uBAAuB;IAC3BF,CAAC;IACDC,CAAC;AACH;AAIA,OAAO,MAAME,uBAAuB;QAAC,EACnCC,SAAS,EACTC,UAAU,EACVC,QAAQ,EAEkB,WADvBC;QAHHH;QACAC;QACAC;;IAGA,MAAM,EAAEE,IAAI,EAAEC,aAAa,EAAE,GAAGb,MAAMc,UAAU,CAACZ;IAEjD,IAAIU,SAAS,KAAK;QAChB,OAAO;IACT;IAEA,qBACE,KAACG;QACCC,KAAKP;QACLD,WAAWP,WACTO,WACAK,gBAAgBP,oBAAoB,CAACM,KAAK,GAAGT,eAAe,CAACS,KAAK;OAEhED;kBAEHD;;AAGP,EAAE"}

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

@@ -4,33 +4,36 @@ import { type CardProps } from '../Card/Card';
 import { type TappableProps } from '../Tappable/Tappable';
 export interface ContentCardProps extends HasRootRef<HTMLDivElement>, HasComponent, Omit<TappableProps, 'getRootRef' | 'crossOrigin' | 'title'>, Omit<React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>, HasRef<HTMLImageElement> {
     /**
-     Текст над заголовком
+     Текст над заголовком.
      */
     overTitle?: React.ReactNode;
     /**
-     Заголовок
+     Заголовок.
      */
     title?: React.ReactNode;
     /**
-     Позволяет поменять тег используемый для заголовка
+     Позволяет поменять тег используемый для заголовка.
      */
     titleComponent?: React.ElementType;
     /**
-     Текст
+     Текст.
      */
     description?: React.ReactNode;
     /**
-     Нижний текст
+     Нижний текст.
      */
     caption?: React.ReactNode;
     /**
-      Максимальная высота изображения
+      Максимальная высота изображения.
      */
     maxHeight?: number;
+    /**
+     * Внешний вид карточки.
+     */
     mode?: CardProps['mode'];
     /**
      * Пользовательское значения стиля `object-fit` для картинки
-     * Подробнее можно почитать в [документации](https://developer.mozilla.org/ru/docs/Web/CSS/object-fit)
+     * Подробнее можно почитать в [документации](https://developer.mozilla.org/ru/docs/Web/CSS/object-fit).
      */
     imageObjectFit?: React.CSSProperties['objectFit'];
 }

package/dist/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,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAOpE,MAAM,WAAW,gBACf,SAAQ,UAAU,CAAC,cAAc,CAAC,EAChC,YAAY,EACZ,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,aAAa,GAAG,OAAO,CAAC,EAC3D,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,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;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;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;CACnD;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,gSA+BzB,gBAAgB,KAAG,KAAK,CAAC,SA0D3B,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,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAOpE,MAAM,WAAW,gBACf,SAAQ,UAAU,CAAC,cAAc,CAAC,EAChC,YAAY,EACZ,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,aAAa,GAAG,OAAO,CAAC,EAC3D,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,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;CACnD;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,gSA+BzB,gBAAgB,KAAG,KAAK,CAAC,SA0D3B,CAAC"}

package/dist/components/ContentCard/ContentCard.js

@@ -51,10 +51,11 @@ import { Text } from "../Typography/Text/Text.js";
         Component: Component,
         style: style,
         className: classNames(restProps.disabled && "vkuiContentCard__disabled", className),
-        children: /*#__PURE__*/ _jsxs(Tappable, _object_spread_props(_object_spread({}, restProps), {
+        children: /*#__PURE__*/ _jsxs(Tappable, _object_spread_props(_object_spread({
             hasHover: hasHover,
-            hasActive: hasActive,
-            className: "vkuiContentCard__tappable",
+            hasActive: hasActive
+        }, restProps), {
+            baseClassName: "vkuiContentCard__tappable",
             children: [
                 (src || srcSet) && /*#__PURE__*/ _jsx("img", _object_spread_props(_object_spread({
                     ref: getRef,

package/dist/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 type { HasComponent, HasRef, HasRootRef } from '../../types';\nimport { Card, type CardProps } from '../Card/Card';\nimport { Tappable, type 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    HasComponent,\n    Omit<TappableProps, 'getRootRef' | 'crossOrigin' | 'title'>,\n    Omit<React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>,\n    HasRef<HTMLImageElement> {\n  /**\n   Текст над заголовком\n   */\n  overTitle?: React.ReactNode;\n  /**\n   Заголовок\n   */\n  title?: React.ReactNode;\n  /**\n   Позволяет поменять тег используемый для заголовка\n   */\n  titleComponent?: React.ElementType;\n  /**\n   Текст\n   */\n  description?: React.ReactNode;\n  /**\n   Нижний текст\n   */\n  caption?: React.ReactNode;\n  /**\n    Максимальная высота изображения\n   */\n  maxHeight?: number;\n  mode?: CardProps['mode'];\n  /**\n   * Пользовательское значения стиля `object-fit` для картинки\n   * Подробнее можно почитать в [документации](https://developer.mozilla.org/ru/docs/Web/CSS/object-fit)\n   */\n  imageObjectFit?: React.CSSProperties['objectFit'];\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ContentCard\n */\nexport const ContentCard = ({\n  overTitle,\n  title,\n  titleComponent = 'span',\n  description,\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 = '100%',\n  height,\n  crossOrigin,\n  decoding,\n  loading,\n  referrerPolicy,\n  sizes,\n  useMap,\n  fetchPriority,\n  imageObjectFit,\n  hasHover = false,\n  hasActive = false,\n  Component = 'li',\n  ...restProps\n}: ContentCardProps): React.ReactNode => {\n  return (\n    <Card\n      mode={mode}\n      getRootRef={getRootRef}\n      Component={Component}\n      style={style}\n      className={classNames(restProps.disabled && styles.disabled, className)}\n    >\n      <Tappable\n        {...restProps}\n        hasHover={hasHover}\n        hasActive={hasActive}\n        className={styles.tappable}\n      >\n        {(src || srcSet) && (\n          <img\n            ref={getRef}\n            className={styles.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            width={width}\n            style={{ maxHeight, objectFit: imageObjectFit }}\n          />\n        )}\n        <div className={styles.body}>\n          {hasReactNode(overTitle) && (\n            <Caption\n              className={classNames(styles.text, styles.overTitle)}\n              weight=\"1\"\n              level=\"3\"\n              caps\n            >\n              {overTitle}\n            </Caption>\n          )}\n          {hasReactNode(title) && (\n            <Headline className={styles.text} weight=\"2\" level=\"1\" Component={titleComponent}>\n              {title}\n            </Headline>\n          )}\n          {hasReactNode(description) && <Text className={styles.text}>{description}</Text>}\n          {hasReactNode(caption) && (\n            <Footnote className={classNames(styles.text, styles.caption)}>{caption}</Footnote>\n          )}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n"],"names":["React","classNames","hasReactNode","getFetchPriorityProp","Card","Tappable","Caption","Footnote","Headline","Text","ContentCard","overTitle","title","titleComponent","description","caption","className","mode","style","getRootRef","getRef","maxHeight","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","fetchPriority","imageObjectFit","hasHover","hasActive","Component","restProps","disabled","img","ref","objectFit","div","weight","level","caps"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,oBAAoB,QAAQ,qBAAkB;AAEvD,SAASC,IAAI,QAAwB,kBAAe;AACpD,SAASC,QAAQ,QAA4B,0BAAuB;AACpE,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AAyC/C;;CAEC,GACD,OAAO,MAAMC,cAAc;QAAC,EAC1BC,SAAS,EACTC,KAAK,EACLC,iBAAiB,MAAM,EACvBC,WAAW,EACXC,OAAO,EACP,aAAa;IACbC,SAAS,EACTC,OAAO,QAAQ,EACfC,KAAK,EACLC,UAAU,EACV,YAAY;IACZC,MAAM,EACNC,SAAS,EACTC,GAAG,EACHC,MAAM,EACNC,MAAM,EAAE,EACRC,QAAQ,MAAM,EACdC,MAAM,EACNC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,cAAc,EACdC,KAAK,EACLC,MAAM,EACNC,aAAa,EACbC,cAAc,EACdC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjBC,YAAY,IAAI,EAEC,WADdC;QA7BH3B;QACAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACjC;QACCa,MAAMA;QACNE,YAAYA;QACZkB,WAAWA;QACXnB,OAAOA;QACPF,WAAWf,WAAWqC,UAAUC,QAAQ,iCAAqBvB;kBAE7D,cAAA,MAACX,kDACKiC;YACJH,UAAUA;YACVC,WAAWA;YACXpB,SAAS;;gBAEPM,CAAAA,OAAOC,MAAK,mBACZ,KAACiB;oBACCC,KAAKrB;oBACLJ,SAAS;oBACTM,KAAKA;oBACLC,QAAQA;oBACRC,KAAKA;oBACLG,aAAaA;oBACbC,UAAUA;oBACVC,SAASA;oBACTC,gBAAgBA;oBAChBC,OAAOA;oBACPC,QAAQA;mBACJ7B,qBAAqB8B;oBACzBP,QAAQA;oBACRD,OAAOA;oBACPP,OAAO;wBAAEG;wBAAWqB,WAAWR;oBAAe;;8BAGlD,MAACS;oBAAI3B,SAAS;;wBACXd,aAAaS,4BACZ,KAACL;4BACCU,WAAWf;4BACX2C,QAAO;4BACPC,OAAM;4BACNC,IAAI;sCAEHnC;;wBAGJT,aAAaU,wBACZ,KAACJ;4BAASQ,SAAS;4BAAe4B,QAAO;4BAAIC,OAAM;4BAAIR,WAAWxB;sCAC/DD;;wBAGJV,aAAaY,8BAAgB,KAACL;4BAAKO,SAAS;sCAAgBF;;wBAC5DZ,aAAaa,0BACZ,KAACR;4BAASS,WAAWf;sCAA0Cc;;;;;;;AAM3E,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 type { HasComponent, HasRef, HasRootRef } from '../../types';\nimport { Card, type CardProps } from '../Card/Card';\nimport { Tappable, type 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    HasComponent,\n    Omit<TappableProps, 'getRootRef' | 'crossOrigin' | 'title'>,\n    Omit<React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>,\n    HasRef<HTMLImageElement> {\n  /**\n   Текст над заголовком.\n   */\n  overTitle?: React.ReactNode;\n  /**\n   Заголовок.\n   */\n  title?: React.ReactNode;\n  /**\n   Позволяет поменять тег используемый для заголовка.\n   */\n  titleComponent?: React.ElementType;\n  /**\n   Текст.\n   */\n  description?: React.ReactNode;\n  /**\n   Нижний текст.\n   */\n  caption?: React.ReactNode;\n  /**\n    Максимальная высота изображения.\n   */\n  maxHeight?: number;\n  /**\n   * Внешний вид карточки.\n   */\n  mode?: CardProps['mode'];\n  /**\n   * Пользовательское значения стиля `object-fit` для картинки\n   * Подробнее можно почитать в [документации](https://developer.mozilla.org/ru/docs/Web/CSS/object-fit).\n   */\n  imageObjectFit?: React.CSSProperties['objectFit'];\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ContentCard\n */\nexport const ContentCard = ({\n  overTitle,\n  title,\n  titleComponent = 'span',\n  description,\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 = '100%',\n  height,\n  crossOrigin,\n  decoding,\n  loading,\n  referrerPolicy,\n  sizes,\n  useMap,\n  fetchPriority,\n  imageObjectFit,\n  hasHover = false,\n  hasActive = false,\n  Component = 'li',\n  ...restProps\n}: ContentCardProps): React.ReactNode => {\n  return (\n    <Card\n      mode={mode}\n      getRootRef={getRootRef}\n      Component={Component}\n      style={style}\n      className={classNames(restProps.disabled && styles.disabled, className)}\n    >\n      <Tappable\n        hasHover={hasHover}\n        hasActive={hasActive}\n        {...restProps}\n        baseClassName={styles.tappable}\n      >\n        {(src || srcSet) && (\n          <img\n            ref={getRef}\n            className={styles.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            width={width}\n            style={{ maxHeight, objectFit: imageObjectFit }}\n          />\n        )}\n        <div className={styles.body}>\n          {hasReactNode(overTitle) && (\n            <Caption\n              className={classNames(styles.text, styles.overTitle)}\n              weight=\"1\"\n              level=\"3\"\n              caps\n            >\n              {overTitle}\n            </Caption>\n          )}\n          {hasReactNode(title) && (\n            <Headline className={styles.text} weight=\"2\" level=\"1\" Component={titleComponent}>\n              {title}\n            </Headline>\n          )}\n          {hasReactNode(description) && <Text className={styles.text}>{description}</Text>}\n          {hasReactNode(caption) && (\n            <Footnote className={classNames(styles.text, styles.caption)}>{caption}</Footnote>\n          )}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n"],"names":["React","classNames","hasReactNode","getFetchPriorityProp","Card","Tappable","Caption","Footnote","Headline","Text","ContentCard","overTitle","title","titleComponent","description","caption","className","mode","style","getRootRef","getRef","maxHeight","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","fetchPriority","imageObjectFit","hasHover","hasActive","Component","restProps","disabled","baseClassName","img","ref","objectFit","div","weight","level","caps"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,oBAAoB,QAAQ,qBAAkB;AAEvD,SAASC,IAAI,QAAwB,kBAAe;AACpD,SAASC,QAAQ,QAA4B,0BAAuB;AACpE,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AA4C/C;;CAEC,GACD,OAAO,MAAMC,cAAc;QAAC,EAC1BC,SAAS,EACTC,KAAK,EACLC,iBAAiB,MAAM,EACvBC,WAAW,EACXC,OAAO,EACP,aAAa;IACbC,SAAS,EACTC,OAAO,QAAQ,EACfC,KAAK,EACLC,UAAU,EACV,YAAY;IACZC,MAAM,EACNC,SAAS,EACTC,GAAG,EACHC,MAAM,EACNC,MAAM,EAAE,EACRC,QAAQ,MAAM,EACdC,MAAM,EACNC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,cAAc,EACdC,KAAK,EACLC,MAAM,EACNC,aAAa,EACbC,cAAc,EACdC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjBC,YAAY,IAAI,EAEC,WADdC;QA7BH3B;QACAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACjC;QACCa,MAAMA;QACNE,YAAYA;QACZkB,WAAWA;QACXnB,OAAOA;QACPF,WAAWf,WAAWqC,UAAUC,QAAQ,iCAAqBvB;kBAE7D,cAAA,MAACX;YACC8B,UAAUA;YACVC,WAAWA;WACPE;YACJE,aAAa;;gBAEXlB,CAAAA,OAAOC,MAAK,mBACZ,KAACkB;oBACCC,KAAKtB;oBACLJ,SAAS;oBACTM,KAAKA;oBACLC,QAAQA;oBACRC,KAAKA;oBACLG,aAAaA;oBACbC,UAAUA;oBACVC,SAASA;oBACTC,gBAAgBA;oBAChBC,OAAOA;oBACPC,QAAQA;mBACJ7B,qBAAqB8B;oBACzBP,QAAQA;oBACRD,OAAOA;oBACPP,OAAO;wBAAEG;wBAAWsB,WAAWT;oBAAe;;8BAGlD,MAACU;oBAAI5B,SAAS;;wBACXd,aAAaS,4BACZ,KAACL;4BACCU,WAAWf;4BACX4C,QAAO;4BACPC,OAAM;4BACNC,IAAI;sCAEHpC;;wBAGJT,aAAaU,wBACZ,KAACJ;4BAASQ,SAAS;4BAAe6B,QAAO;4BAAIC,OAAM;4BAAIT,WAAWxB;sCAC/DD;;wBAGJV,aAAaY,8BAAgB,KAACL;4BAAKO,SAAS;sCAAgBF;;wBAC5DZ,aAAaa,0BACZ,KAACR;4BAASS,WAAWf;sCAA0Cc;;;;;;;AAM3E,EAAE"}

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

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { type HTMLAttributesWithRootRef } from '../../types';
 export interface CounterProps extends HTMLAttributesWithRootRef<HTMLSpanElement> {
     /**
-     * Режим отображения счетчика
+     * Режим отображения счетчика.
      */
     mode?: 'primary' | 'contrast' | 'tertiary' | 'inherit';
     /**
-     * Внешний вид счетчика
+     * Внешний вид счетчика.
      */
     appearance?: 'accent' | 'neutral' | 'accent-green' | 'accent-red' | 'custom';
     /**
@@ -14,9 +14,12 @@ export interface CounterProps extends HTMLAttributesWithRootRef<HTMLSpanElement>
      * - При mode="primary" - изменяет фон
      * - При mode="contrast" - изменяет цвет текста
      * - При mode="tertiary" - изменяет цвет текста
-     * - При mode="inherit" - не работает
+     * - При mode="inherit" - не работает.
      */
     color?: string;
+    /**
+     * Размер счетчика.
+     */
     size?: 's' | 'm';
 }
 /**

package/dist/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,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAA4B,KAAK,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAyBvF,MAAM,WAAW,YAAa,SAAQ,yBAAyB,CAAC,eAAe,CAAC;IAC9E;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAEvD;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,QAAQ,CAAC;IAE7E;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,wGASrB,YAAY,KAAG,KAAK,CAAC,SAsDvB,CAAC"}
+{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAA4B,KAAK,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAyBvF,MAAM,WAAW,YAAa,SAAQ,yBAAyB,CAAC,eAAe,CAAC;IAC9E;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAEvD;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,QAAQ,CAAC;IAE7E;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,wGASrB,YAAY,KAAG,KAAK,CAAC,SAsDvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Counter/Counter.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { type CSSCustomProperties, type 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  primary: styles.modePrimary,\n  contrast: styles.modeContrast,\n  tertiary: styles.modeTertiary,\n  inherit: styles.modeInherit,\n};\n\nconst appearanceClassNames: Record<string, string> = {\n  'custom': styles.appearanceCustom,\n  'accent': styles.appearanceAccent,\n  'neutral': styles.appearanceNeutral,\n  'accent-green': styles.appearanceAccentGreen,\n  'accent-red': styles.appearanceAccentRed,\n};\n\nconst sizeClassNames = {\n  s: styles.sizeS,\n  m: styles.sizeM,\n};\n\nexport interface CounterProps extends HTMLAttributesWithRootRef<HTMLSpanElement> {\n  /**\n   * Режим отображения счетчика\n   */\n  mode?: 'primary' | 'contrast' | 'tertiary' | 'inherit';\n\n  /**\n   * Внешний вид счетчика\n   */\n  appearance?: 'accent' | 'neutral' | 'accent-green' | 'accent-red' | 'custom';\n\n  /**\n   * Пользовательский цвет (работает только при appearance=\"custom\")\n   * - При mode=\"primary\" - изменяет фон\n   * - При mode=\"contrast\" - изменяет цвет текста\n   * - При mode=\"tertiary\" - изменяет цвет текста\n   * - При mode=\"inherit\" - не работает\n   */\n  color?: string;\n\n  size?: 's' | 'm';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Counter\n */\nexport const Counter = ({\n  mode = 'inherit',\n  appearance: appearanceProp,\n  color,\n  size = 'm',\n  children,\n  className,\n  style: styleProp,\n  ...restProps\n}: CounterProps): React.ReactNode => {\n  const appearance = React.useMemo<CounterProps['appearance']>(() => {\n    if (mode === 'inherit') {\n      return undefined;\n    }\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n    return 'accent';\n  }, [appearanceProp, mode]);\n\n  const style: (React.CSSProperties & CSSCustomProperties<string | undefined>) | undefined =\n    React.useMemo(() => {\n      if (mode === 'inherit' || appearance !== 'custom' || !color) {\n        return undefined;\n      }\n      switch (mode) {\n        case 'primary':\n          return {\n            '--vkui_internal--counter_background': color,\n          };\n        case 'contrast':\n        case 'tertiary':\n          return {\n            '--vkui_internal--counter_foreground': color,\n          };\n      }\n    }, [appearance, color, mode]);\n\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      style={mergeStyle(style, styleProp)}\n      Component=\"span\"\n      className={classNames(\n        'vkuiInternalCounter',\n        styles.host,\n        modeClassNames[mode],\n        !!appearance && appearanceClassNames[appearance],\n        sizeClassNames[size],\n        className,\n      )}\n      level={counterLevel}\n    >\n      {children}\n    </CounterTypography>\n  );\n};\n"],"names":["React","classNames","mergeStyle","Caption","Headline","modeClassNames","primary","contrast","tertiary","inherit","appearanceClassNames","sizeClassNames","s","m","Counter","mode","appearance","appearanceProp","color","size","children","className","style","styleProp","restProps","useMemo","undefined","Children","count","CounterTypography","counterLevel","Component","level"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AAEtD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAG3D,MAAMC,iBAAiB;IACrBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,uBAA+C;IACnD,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,cAAc;IACd,YAAY;AACd;AAEA,MAAMC,iBAAiB;IACrBC,CAAC;IACDC,CAAC;AACH;AAyBA;;CAEC,GACD,OAAO,MAAMC,UAAU;QAAC,EACtBC,OAAO,SAAS,EAChBC,YAAYC,cAAc,EAC1BC,KAAK,EACLC,OAAO,GAAG,EACVC,QAAQ,EACRC,SAAS,EACTC,OAAOC,SAAS,EAEH,WADVC;QAPHT;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAMN,aAAahB,MAAMyB,OAAO,CAA6B;QAC3D,IAAIV,SAAS,WAAW;YACtB,OAAOW;QACT;QACA,IAAIT,gBAAgB;YAClB,OAAOA;QACT;QACA,OAAO;IACT,GAAG;QAACA;QAAgBF;KAAK;IAEzB,MAAMO,QACJtB,MAAMyB,OAAO,CAAC;QACZ,IAAIV,SAAS,aAAaC,eAAe,YAAY,CAACE,OAAO;YAC3D,OAAOQ;QACT;QACA,OAAQX;YACN,KAAK;gBACH,OAAO;oBACL,uCAAuCG;gBACzC;YACF,KAAK;YACL,KAAK;gBACH,OAAO;oBACL,uCAAuCA;gBACzC;QACJ;IACF,GAAG;QAACF;QAAYE;QAAOH;KAAK;IAE9B,IAAIf,MAAM2B,QAAQ,CAACC,KAAK,CAACR,cAAc,GAAG;QACxC,OAAO;IACT;IAEA,MAAMS,oBAAoBV,SAAS,MAAMhB,UAAUC;IACnD,MAAM0B,eAAeX,SAAS,MAAM,MAAM;IAE1C,qBACE,KAACU,2DACKL;QACJF,OAAOpB,WAAWoB,OAAOC;QACzBQ,WAAU;QACVV,WAAWpB,WACT,4CAEAI,cAAc,CAACU,KAAK,EACpB,CAAC,CAACC,cAAcN,oBAAoB,CAACM,WAAW,EAChDL,cAAc,CAACQ,KAAK,EACpBE;QAEFW,OAAOF;kBAENV;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/Counter/Counter.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { type CSSCustomProperties, type 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  primary: styles.modePrimary,\n  contrast: styles.modeContrast,\n  tertiary: styles.modeTertiary,\n  inherit: styles.modeInherit,\n};\n\nconst appearanceClassNames: Record<string, string> = {\n  'custom': styles.appearanceCustom,\n  'accent': styles.appearanceAccent,\n  'neutral': styles.appearanceNeutral,\n  'accent-green': styles.appearanceAccentGreen,\n  'accent-red': styles.appearanceAccentRed,\n};\n\nconst sizeClassNames = {\n  s: styles.sizeS,\n  m: styles.sizeM,\n};\n\nexport interface CounterProps extends HTMLAttributesWithRootRef<HTMLSpanElement> {\n  /**\n   * Режим отображения счетчика.\n   */\n  mode?: 'primary' | 'contrast' | 'tertiary' | 'inherit';\n\n  /**\n   * Внешний вид счетчика.\n   */\n  appearance?: 'accent' | 'neutral' | 'accent-green' | 'accent-red' | 'custom';\n\n  /**\n   * Пользовательский цвет (работает только при appearance=\"custom\")\n   * - При mode=\"primary\" - изменяет фон\n   * - При mode=\"contrast\" - изменяет цвет текста\n   * - При mode=\"tertiary\" - изменяет цвет текста\n   * - При mode=\"inherit\" - не работает.\n   */\n  color?: string;\n  /**\n   * Размер счетчика.\n   */\n  size?: 's' | 'm';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Counter\n */\nexport const Counter = ({\n  mode = 'inherit',\n  appearance: appearanceProp,\n  color,\n  size = 'm',\n  children,\n  className,\n  style: styleProp,\n  ...restProps\n}: CounterProps): React.ReactNode => {\n  const appearance = React.useMemo<CounterProps['appearance']>(() => {\n    if (mode === 'inherit') {\n      return undefined;\n    }\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n    return 'accent';\n  }, [appearanceProp, mode]);\n\n  const style: (React.CSSProperties & CSSCustomProperties<string | undefined>) | undefined =\n    React.useMemo(() => {\n      if (mode === 'inherit' || appearance !== 'custom' || !color) {\n        return undefined;\n      }\n      switch (mode) {\n        case 'primary':\n          return {\n            '--vkui_internal--counter_background': color,\n          };\n        case 'contrast':\n        case 'tertiary':\n          return {\n            '--vkui_internal--counter_foreground': color,\n          };\n      }\n    }, [appearance, color, mode]);\n\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      style={mergeStyle(style, styleProp)}\n      Component=\"span\"\n      className={classNames(\n        'vkuiInternalCounter',\n        styles.host,\n        modeClassNames[mode],\n        !!appearance && appearanceClassNames[appearance],\n        sizeClassNames[size],\n        className,\n      )}\n      level={counterLevel}\n    >\n      {children}\n    </CounterTypography>\n  );\n};\n"],"names":["React","classNames","mergeStyle","Caption","Headline","modeClassNames","primary","contrast","tertiary","inherit","appearanceClassNames","sizeClassNames","s","m","Counter","mode","appearance","appearanceProp","color","size","children","className","style","styleProp","restProps","useMemo","undefined","Children","count","CounterTypography","counterLevel","Component","level"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AAEtD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAG3D,MAAMC,iBAAiB;IACrBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,uBAA+C;IACnD,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,cAAc;IACd,YAAY;AACd;AAEA,MAAMC,iBAAiB;IACrBC,CAAC;IACDC,CAAC;AACH;AA2BA;;CAEC,GACD,OAAO,MAAMC,UAAU;QAAC,EACtBC,OAAO,SAAS,EAChBC,YAAYC,cAAc,EAC1BC,KAAK,EACLC,OAAO,GAAG,EACVC,QAAQ,EACRC,SAAS,EACTC,OAAOC,SAAS,EAEH,WADVC;QAPHT;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAMN,aAAahB,MAAMyB,OAAO,CAA6B;QAC3D,IAAIV,SAAS,WAAW;YACtB,OAAOW;QACT;QACA,IAAIT,gBAAgB;YAClB,OAAOA;QACT;QACA,OAAO;IACT,GAAG;QAACA;QAAgBF;KAAK;IAEzB,MAAMO,QACJtB,MAAMyB,OAAO,CAAC;QACZ,IAAIV,SAAS,aAAaC,eAAe,YAAY,CAACE,OAAO;YAC3D,OAAOQ;QACT;QACA,OAAQX;YACN,KAAK;gBACH,OAAO;oBACL,uCAAuCG;gBACzC;YACF,KAAK;YACL,KAAK;gBACH,OAAO;oBACL,uCAAuCA;gBACzC;QACJ;IACF,GAAG;QAACF;QAAYE;QAAOH;KAAK;IAE9B,IAAIf,MAAM2B,QAAQ,CAACC,KAAK,CAACR,cAAc,GAAG;QACxC,OAAO;IACT;IAEA,MAAMS,oBAAoBV,SAAS,MAAMhB,UAAUC;IACnD,MAAM0B,eAAeX,SAAS,MAAM,MAAM;IAE1C,qBACE,KAACU,2DACKL;QACJF,OAAOpB,WAAWoB,OAAOC;QACzBQ,WAAU;QACVV,WAAWpB,WACT,4CAEAI,cAAc,CAACU,KAAK,EACpB,CAAC,CAACC,cAAcN,oBAAoB,CAACM,WAAW,EAChDL,cAAc,CAACQ,KAAK,EACpBE;QAEFW,OAAOF;kBAENV;;AAGP,EAAE"}

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

@@ -1,25 +1,34 @@
 import * as React from 'react';
 import type { HasRootRef } from '../../types';
 export interface CustomScrollViewProps extends React.AllHTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
+    /**
+     * `className` для компонента.
+     */
     className?: HTMLDivElement['className'];
+    /**
+     * Обработчик события `scroll`.
+     */
     onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
+    /**
+     * Содержимое.
+     */
     children: React.ReactNode;
     /**
-     * Поведение overscroll, подробнее можно почитать в [документации](https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior)
+     * Поведение overscroll, подробнее можно почитать в [документации](https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior).
      */
     overscrollBehavior?: 'auto' | 'contain' | 'none';
     /**
-     * Поведение scroll-behavior, подробнее можно почитать в [документации](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)
+     * Поведение scroll-behavior, подробнее можно почитать в [документации](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior).
      */
     scrollBehavior?: 'auto' | 'smooth';
     /**
-     * Включение отображения горизонтального скролла
+     * Включение отображения горизонтального скролла.
      */
     enableHorizontalScroll?: boolean;
     /**
-     * Скрытие скроллбара
+     * Скрытие скроллбара.
      *
-     * > В версии ниже Firefox 64 будет виден скролл
+     * > В версии ниже Firefox 64 будет виден скролл.
      */
     scrollbarHidden?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CustomScrollView.d.ts","sourceRoot":"","sources":["../../../src/components/CustomScrollView/CustomScrollView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAc9C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAC7C,UAAU,CAAC,cAAc,CAAC;IAC5B,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;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACnC;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,0IAU9B,qBAAqB,KAAG,KAAK,CAAC,SAkBhC,CAAC"}
+{"version":3,"file":"CustomScrollView.d.ts","sourceRoot":"","sources":["../../../src/components/CustomScrollView/CustomScrollView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAc9C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAC7C,UAAU,CAAC,cAAc,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACnC;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,0IAU9B,qBAAqB,KAAG,KAAK,CAAC,SAkBhC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CustomScrollView/CustomScrollView.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasRootRef } from '../../types';\nimport styles from './CustomScrollView.module.css';\n\nconst overscrollBehaviorClassNames = {\n  auto: undefined,\n  contain: styles.overscrollBehaviorContain,\n  none: styles.overscrollBehaviorNone,\n};\n\nconst scrollBehaviorClassNames = {\n  auto: undefined,\n  smooth: styles.scrollBehaviorSmooth,\n};\n\nexport interface CustomScrollViewProps\n  extends React.AllHTMLAttributes<HTMLDivElement>,\n    HasRootRef<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   * Поведение scroll-behavior, подробнее можно почитать в [документации](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\n   */\n  scrollBehavior?: 'auto' | 'smooth';\n  /**\n   * Включение отображения горизонтального скролла\n   */\n  enableHorizontalScroll?: boolean;\n  /**\n   * Скрытие скроллбара\n   *\n   * > В версии ниже Firefox 64 будет виден скролл\n   */\n  scrollbarHidden?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CustomScrollView\n */\nexport const CustomScrollView = ({\n  className,\n  children,\n  enableHorizontalScroll = false,\n  onScroll,\n  getRootRef,\n  overscrollBehavior = 'auto',\n  scrollBehavior = 'auto',\n  scrollbarHidden = false,\n  ...restProps\n}: CustomScrollViewProps): React.ReactNode => {\n  return (\n    <div\n      className={classNames(\n        className,\n        styles.host,\n        enableHorizontalScroll && styles.horizontalScrollEnabled,\n        overscrollBehaviorClassNames[overscrollBehavior],\n        scrollBehaviorClassNames[scrollBehavior],\n        scrollbarHidden && styles.scrollbarHidden,\n      )}\n      ref={getRootRef}\n      onScroll={onScroll}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["React","classNames","overscrollBehaviorClassNames","auto","undefined","contain","none","scrollBehaviorClassNames","smooth","CustomScrollView","className","children","enableHorizontalScroll","onScroll","getRootRef","overscrollBehavior","scrollBehavior","scrollbarHidden","restProps","div","ref"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAI7C,MAAMC,+BAA+B;IACnCC,MAAMC;IACNC,OAAO;IACPC,IAAI;AACN;AAEA,MAAMC,2BAA2B;IAC/BJ,MAAMC;IACNI,MAAM;AACR;AA4BA;;CAEC,GACD,OAAO,MAAMC,mBAAmB;QAAC,EAC/BC,SAAS,EACTC,QAAQ,EACRC,yBAAyB,KAAK,EAC9BC,QAAQ,EACRC,UAAU,EACVC,qBAAqB,MAAM,EAC3BC,iBAAiB,MAAM,EACvBC,kBAAkB,KAAK,EAED,WADnBC;QARHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACE;QACCT,WAAWT,WACTS,yCAEAE,2EACAV,4BAA4B,CAACa,mBAAmB,EAChDR,wBAAwB,CAACS,eAAe,EACxCC;QAEFG,KAAKN;QACLD,UAAUA;OACNK;kBAEHP;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/CustomScrollView/CustomScrollView.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasRootRef } from '../../types';\nimport styles from './CustomScrollView.module.css';\n\nconst overscrollBehaviorClassNames = {\n  auto: undefined,\n  contain: styles.overscrollBehaviorContain,\n  none: styles.overscrollBehaviorNone,\n};\n\nconst scrollBehaviorClassNames = {\n  auto: undefined,\n  smooth: styles.scrollBehaviorSmooth,\n};\n\nexport interface CustomScrollViewProps\n  extends React.AllHTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * `className` для компонента.\n   */\n  className?: HTMLDivElement['className'];\n  /**\n   * Обработчик события `scroll`.\n   */\n  onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n  /**\n   * Содержимое.\n   */\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   * Поведение scroll-behavior, подробнее можно почитать в [документации](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior).\n   */\n  scrollBehavior?: 'auto' | 'smooth';\n  /**\n   * Включение отображения горизонтального скролла.\n   */\n  enableHorizontalScroll?: boolean;\n  /**\n   * Скрытие скроллбара.\n   *\n   * > В версии ниже Firefox 64 будет виден скролл.\n   */\n  scrollbarHidden?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CustomScrollView\n */\nexport const CustomScrollView = ({\n  className,\n  children,\n  enableHorizontalScroll = false,\n  onScroll,\n  getRootRef,\n  overscrollBehavior = 'auto',\n  scrollBehavior = 'auto',\n  scrollbarHidden = false,\n  ...restProps\n}: CustomScrollViewProps): React.ReactNode => {\n  return (\n    <div\n      className={classNames(\n        className,\n        styles.host,\n        enableHorizontalScroll && styles.horizontalScrollEnabled,\n        overscrollBehaviorClassNames[overscrollBehavior],\n        scrollBehaviorClassNames[scrollBehavior],\n        scrollbarHidden && styles.scrollbarHidden,\n      )}\n      ref={getRootRef}\n      onScroll={onScroll}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["React","classNames","overscrollBehaviorClassNames","auto","undefined","contain","none","scrollBehaviorClassNames","smooth","CustomScrollView","className","children","enableHorizontalScroll","onScroll","getRootRef","overscrollBehavior","scrollBehavior","scrollbarHidden","restProps","div","ref"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAI7C,MAAMC,+BAA+B;IACnCC,MAAMC;IACNC,OAAO;IACPC,IAAI;AACN;AAEA,MAAMC,2BAA2B;IAC/BJ,MAAMC;IACNI,MAAM;AACR;AAqCA;;CAEC,GACD,OAAO,MAAMC,mBAAmB;QAAC,EAC/BC,SAAS,EACTC,QAAQ,EACRC,yBAAyB,KAAK,EAC9BC,QAAQ,EACRC,UAAU,EACVC,qBAAqB,MAAM,EAC3BC,iBAAiB,MAAM,EACvBC,kBAAkB,KAAK,EAED,WADnBC;QARHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACE;QACCT,WAAWT,WACTS,yCAEAE,2EACAV,4BAA4B,CAACa,mBAAmB,EAChDR,wBAAwB,CAACS,eAAe,EACxCC;QAEFG,KAAKN;QACLD,UAAUA;OACNK;kBAEHP;;AAGP,EAAE"}

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

@@ -8,22 +8,34 @@ import type { SelectType } from '../Select/Select';
 import { type CustomSelectClearButtonProps } from './CustomSelectClearButton';
 import { type CustomSelectInputProps } from './CustomSelectInput/CustomSelectInput';
 export interface CustomSelectOptionInterface {
+    /**
+     * Значение.
+     */
     value: Exclude<SelectValue, null>;
+    /**
+     * Отображаемый текст.
+     */
     label: React.ReactElement | string;
+    /**
+     * Блокировка взаимодействия с компонентом.
+     */
     disabled?: boolean;
     [index: string]: any;
 }
 export interface CustomSelectRenderOption<T extends CustomSelectOptionInterface> extends CustomSelectOptionProps {
+    /**
+     * Данные об опции.
+     */
     option: T;
 }
 export type { CustomSelectClearButtonProps };
 export interface SelectProps<OptionInterfaceT extends CustomSelectOptionInterface = CustomSelectOptionInterface> extends NativeSelectProps, Omit<FormFieldProps, 'maxHeight'>, Pick<CustomSelectDropdownProps, 'overscrollBehavior'>, Pick<CustomSelectInputProps, 'minLength' | 'maxLength' | 'pattern' | 'readOnly'> {
     /**
-     * ref на внутрений компонент input
+     * Ref на внутрений компонент input.
      */
     getSelectInputRef?: React.Ref<HTMLInputElement>;
     /**
-     * Если `true`, то при клике на `CustomSelect` в нём появится текстовое поле для поиска по `options`. По умолчанию поиск
+     * Если `true`, то при нажатии на `CustomSelect` в нём появится текстовое поле для поиска по `options`. По умолчанию поиск
      * производится по `option.label`.
      */
     searchable?: boolean;
@@ -32,18 +44,24 @@ export interface SelectProps<OptionInterfaceT extends CustomSelectOptionInterfac
      */
     emptyText?: string;
     /**
-     * Событие изменения текстового поля
+     * Событие изменения текстового поля.
      */
     onInputChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Список опций в списке.
+     */
     options: OptionInterfaceT[];
     /**
      * Функция для кастомной фильтрации. По умолчанию поиск производится по `option.label`.
      */
     filterFn?: false | FilterFn<OptionInterfaceT>;
+    /**
+     * Направление раскрытия выпадающего списка.
+     */
     popupDirection?: 'top' | 'bottom';
     /**
      * Рендер-проп для кастомного рендера опции.
-     * В объекте аргумента приходят [свойства опции](https://vkcom.github.io/VKUI/#/CustomSelectOption?id=props)
+     * В объекте аргумента приходят [свойства опции](https://vkcom.github.io/VKUI/#/CustomSelectOption?id=props).
      *
      * > ⚠️  Важно: cвойство опции `disabled` должно выставляться только через проп `options`.
      * > Запрещается выставлять `disabled` проп опциям в обход `options`, иначе `CustomSelect` не будет знать об актуальном состоянии
@@ -62,37 +80,49 @@ export interface SelectProps<OptionInterfaceT extends CustomSelectOptionInterfac
      * "победит" `renderDropdown`.
      */
     fetching?: boolean;
+    /**
+     * Обработчик закрытия выпадающего списка.
+     */
     onClose?: VoidFunction;
+    /**
+     * Обработчик открытия выпадающего списка.
+     */
     onOpen?: VoidFunction;
     /**
-     * Иконка раскрывающегося списка
+     * Иконка раскрывающегося списка.
      */
     icon?: React.ReactNode;
     /**
      * Кастомная кнопка для очистки значения.
-     * Должна принимать обязательное свойство `onClick`
+     * Должна принимать обязательное свойство `onClick`.
      */
     ClearButton?: React.ComponentType<CustomSelectClearButtonProps>;
     /**
-     * Если `true`, то справа будет отображаться кнопка для очистки значения
+     * Если `true`, то справа будет отображаться кнопка для очистки значения.
      */
     allowClearButton?: boolean;
     /**
-     * Передает атрибут `data-testid` для кнопки очистки
+     * Передает атрибут `data-testid` для кнопки очистки.
      */
     clearButtonTestId?: string;
     /**
-     * Отступ от выпадающего списка
+     * Отступ от выпадающего списка.
      */
     dropdownOffsetDistance?: number;
     /**
-     * Ширина раскрывающегося списка зависит от контента
+     * Ширина раскрывающегося списка зависит от контента.
      */
     dropdownAutoWidth?: boolean;
+    /**
+     * Использовать Portal для рендеринга выпадающего списка.
+     */
     forceDropdownPortal?: boolean;
+    /**
+     * Тип отображения компонента.
+     */
     selectType?: SelectType;
     /**
-     * Отключает максимальную высоту по умолчанию
+     * Отключает максимальную высоту по умолчанию.
      */
     noMaxHeight?: boolean;
     /**
@@ -103,7 +133,10 @@ export interface SelectProps<OptionInterfaceT extends CustomSelectOptionInterfac
      * Передает атрибут `data-testid` для нативного элемента `select`.
      */
     nativeSelectTestId?: string;
-    onInputKeyDown?: (e: React.KeyboardEvent) => void;
+    /**
+     * Обработчик события `keyDown` в поле ввода.
+     */
+    onInputKeyDown?: (e: React.KeyboardEvent, isOpen: boolean) => void;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/CustomSelect

package/dist/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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"}