@vkontakte/vkui 6.0.2 → 6.1.0

package/dist/components/ConfigProvider/ConfigProviderOverride.js

@@ -1,5 +1,6 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useObjectMemo } from '../../hooks/useObjectMemo';
 import { ConfigProviderContext, useConfigProvider } from './ConfigProviderContext';
@@ -11,9 +12,10 @@ import { ConfigProviderContext, useConfigProvider } from './ConfigProviderContex
     ]);
     const parentConfig = useConfigProvider();
     const configContext = useObjectMemo(_object_spread({}, parentConfig, contextValue));
-    return /*#__PURE__*/ React.createElement(ConfigProviderContext.Provider, {
-        value: configContext
-    }, children);
+    return /*#__PURE__*/ _jsx(ConfigProviderContext.Provider, {
+        value: configContext,
+        children: children
+    });
 }
 
 //# sourceMappingURL=ConfigProviderOverride.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ConfigProvider/ConfigProviderOverride.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  useConfigProvider,\n} from './ConfigProviderContext';\n\nexport interface ConfigProviderOverrideProps extends Partial<ConfigProviderContextInterface> {\n  children: React.ReactNode;\n}\n\n/**\n * Компонент предназначен для перебивания одного из значений контекста\n */\nexport function ConfigProviderOverride({ children, ...contextValue }: ConfigProviderOverrideProps) {\n  const parentConfig = useConfigProvider();\n\n  const configContext = useObjectMemo({\n    ...parentConfig,\n    ...contextValue,\n  });\n\n  return (\n    <ConfigProviderContext.Provider value={configContext}>\n      {children}\n    </ConfigProviderContext.Provider>\n  );\n}\n"],"names":["React","useObjectMemo","ConfigProviderContext","useConfigProvider","ConfigProviderOverride","children","contextValue","parentConfig","configContext","Provider","value"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SACEC,qBAAqB,EAErBC,iBAAiB,QACZ,0BAA0B;AAMjC;;CAEC,GACD,OAAO,SAASC,uBAAuB;QAAA,EAAEC,QAAQ,EAAgD,GAA1D,QAAeC,0CAAf;QAAED;;IACvC,MAAME,eAAeJ;IAErB,MAAMK,gBAAgBP,cAAc,mBAC/BM,cACAD;IAGL,qBACE,oBAACJ,sBAAsBO,QAAQ;QAACC,OAAOF;OACpCH;AAGP"}
+{"version":3,"sources":["../../../src/components/ConfigProvider/ConfigProviderOverride.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  useConfigProvider,\n} from './ConfigProviderContext';\n\nexport interface ConfigProviderOverrideProps extends Partial<ConfigProviderContextInterface> {\n  children: React.ReactNode;\n}\n\n/**\n * Компонент предназначен для перебивания одного из значений контекста\n */\nexport function ConfigProviderOverride({ children, ...contextValue }: ConfigProviderOverrideProps) {\n  const parentConfig = useConfigProvider();\n\n  const configContext = useObjectMemo({\n    ...parentConfig,\n    ...contextValue,\n  });\n\n  return (\n    <ConfigProviderContext.Provider value={configContext}>\n      {children}\n    </ConfigProviderContext.Provider>\n  );\n}\n"],"names":["React","useObjectMemo","ConfigProviderContext","useConfigProvider","ConfigProviderOverride","children","contextValue","parentConfig","configContext","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SACEC,qBAAqB,EAErBC,iBAAiB,QACZ,0BAA0B;AAMjC;;CAEC,GACD,OAAO,SAASC,uBAAuB;QAAA,EAAEC,QAAQ,EAAgD,GAA1D,QAAeC,0CAAf;QAAED;;IACvC,MAAME,eAAeJ;IAErB,MAAMK,gBAAgBP,cAAc,mBAC/BM,cACAD;IAGL,qBACE,KAACJ,sBAAsBO,QAAQ;QAACC,OAAOF;kBACpCH;;AAGP"}

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

@@ -0,0 +1,49 @@
+import type { HTMLAttributesWithRootRef } from '../../types';
+import { TypographyProps } from '../Typography/Typography';
+import type { ContentBadgeModeType, ContentBadgeSizeType } from './types';
+export interface ContentBadgeProps extends HTMLAttributesWithRootRef<HTMLDivElement>, Pick<TypographyProps, 'weight'> {
+    /**
+     * Вид отображения.
+     */
+    mode?: ContentBadgeModeType;
+    /**
+     * Цвет оформления.
+     */
+    appearance?: 'accent' | 'neutral' | 'accent-green' | 'accent-red' | 'overlay';
+    /**
+     * Включает приближение значения закругления к форме круга.
+     *
+     * > Note: игнорируется при size="s"
+     */
+    capsule?: boolean;
+    /**
+     * Определяет отступы и размер текста.
+     *
+     * Соответствие размеров иконок в слоте `<ContentBadge.SlotIcon />`:
+     *
+     * - size="s" – ⚠️ не поддерживает иконки;
+     * - size="m" – при **одиночной** иконке `16x16`, в остальных случаях `12x12`;
+     * - size="l" – при **одиночной** иконке `20x20`, в остальных случаях `16x16`;
+     */
+    size?: ContentBadgeSizeType;
+}
+/**
+ * Компонент, который позволяет добавить текстовые или иконочные бейджи. Как правило, используются
+ * поверх других элементов или рядом с ними.
+ *
+ * Используйте `ContentBadge.SlotIcon` для размещения иконок внутри `ContentBadge`.
+ *
+ * @since 6.1.0
+ * @see https://vkcom.github.io/VKUI/#/ContentBadge
+ *
+ * TODO [>=7]: переименовать в Badge
+ */
+export declare const ContentBadge: {
+    ({ appearance, mode, capsule, size, weight, className, children, ...restProps }: ContentBadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    SlotIcon: {
+        ({ className, getRootRef, children, ...restProps }: import("./ContentBadgeSlotIcon").ContentBadgeSlotIconProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+};
+//# sourceMappingURL=ContentBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBadge.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBadge/ContentBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG3D,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;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY;qFAStB,iBAAiB;;;;;;CAwBnB,CAAC"}

package/dist/components/ContentBadge/ContentBadge.js

@@ -0,0 +1,81 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { classNames } from '@vkontakte/vkjs';
+import { Caption } from '../Typography/Caption/Caption';
+import { Footnote } from '../Typography/Footnote/Footnote';
+import { ContentBadgeContext } from './ContentBadgeContext';
+import { ContentBadgeSlotIcon } from './ContentBadgeSlotIcon';
+const appearanceClassNames = {
+    'accent': {
+        primary: "vkuiContentBadge--primary-accent",
+        secondary: "vkuiContentBadge--secondary-accent",
+        outline: "vkuiContentBadge--outline-accent"
+    },
+    'neutral': {
+        primary: "vkuiContentBadge--primary-neutral",
+        secondary: "vkuiContentBadge--secondary-neutral",
+        outline: "vkuiContentBadge--outline-neutral"
+    },
+    'accent-green': {
+        primary: "vkuiContentBadge--primary-accent-green",
+        secondary: "vkuiContentBadge--secondary-accent-green",
+        outline: "vkuiContentBadge--outline-accent-green"
+    },
+    'accent-red': {
+        primary: "vkuiContentBadge--primary-accent-red",
+        secondary: "vkuiContentBadge--secondary-accent-red",
+        outline: "vkuiContentBadge--outline-accent-red"
+    },
+    'overlay': {
+        primary: "vkuiContentBadge--primary-overlay",
+        secondary: "vkuiContentBadge--secondary-overlay",
+        outline: "vkuiContentBadge--outline-overlay"
+    }
+};
+const sizeClassNames = {
+    s: "vkuiContentBadge--size-s",
+    m: "vkuiContentBadge--size-m",
+    l: "vkuiContentBadge--size-l"
+};
+/**
+ * Компонент, который позволяет добавить текстовые или иконочные бейджи. Как правило, используются
+ * поверх других элементов или рядом с ними.
+ *
+ * Используйте `ContentBadge.SlotIcon` для размещения иконок внутри `ContentBadge`.
+ *
+ * @since 6.1.0
+ * @see https://vkcom.github.io/VKUI/#/ContentBadge
+ *
+ * TODO [>=7]: переименовать в Badge
+ */ export const ContentBadge = (_param)=>{
+    var { appearance = 'accent', mode = 'primary', capsule, size = 'm', weight = '2', className, children } = _param, restProps = _object_without_properties(_param, [
+        "appearance",
+        "mode",
+        "capsule",
+        "size",
+        "weight",
+        "className",
+        "children"
+    ]);
+    const TypographyComponent = size === 'l' ? Footnote : Caption;
+    return /*#__PURE__*/ _jsx(TypographyComponent, _object_spread_props(_object_spread({}, restProps), {
+        weight: weight,
+        normalize: true,
+        className: classNames(className, "vkuiContentBadge", size !== 's' && capsule && "vkuiContentBadge--capsule", mode === 'outline' && "vkuiContentBadge--mode-outline", appearanceClassNames[appearance][mode], sizeClassNames[size]),
+        children: /*#__PURE__*/ _jsx(ContentBadgeContext.Provider, {
+            value: {
+                isSingleChild: React.Children.count(children) === 1,
+                size
+            },
+            children: children
+        })
+    }));
+};
+ContentBadge.displayName = 'ContentBadge';
+ContentBadge.SlotIcon = ContentBadgeSlotIcon;
+ContentBadge.SlotIcon.displayName = 'ContentBadge.SlotIcon';
+
+//# sourceMappingURL=ContentBadge.js.map

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

@@ -0,0 +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","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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;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;;;;;;;;;;CAUC,GACD,OAAO,MAAMC,eAAe;QAAC,EAC3BC,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,+BAEAF,SAAS,OAAOD,wCAChBD,SAAS,+CACTV,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"}

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

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

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

@@ -0,0 +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"}

package/dist/components/ContentBadge/ContentBadgeContext.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+/**
+ * Контекст для внутреннего использовния.
+ * @private
+ */ export const ContentBadgeContext = /*#__PURE__*/ React.createContext({
+    isSingleChild: false,
+    size: 'm'
+});
+
+//# sourceMappingURL=ContentBadgeContext.js.map

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

@@ -0,0 +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"],"rangeMappings":";;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B;;;CAGC,GACD,OAAO,MAAMC,oCAAsBD,MAAME,aAAa,CAGnD;IACDC,eAAe;IACfC,MAAM;AACR,GAAG"}

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

@@ -0,0 +1,7 @@
+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;
+};
+//# sourceMappingURL=ContentBadgeSlotIcon.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/ContentBadge/ContentBadgeSlotIcon.js

@@ -0,0 +1,35 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { classNames } from '@vkontakte/vkjs';
+import { ContentBadgeContext } from './ContentBadgeContext';
+const iconsClassNames = {
+    m: null,
+    l: "vkuiContentBadge__icon-slot--size-l"
+};
+const singleIconClassNames = {
+    m: "vkuiContentBadge__singleIcon-slot--size-m",
+    l: "vkuiContentBadge__singleIcon-slot--size-l"
+};
+export const ContentBadgeSlotIcon = (_param)=>{
+    var { className, getRootRef, children } = _param, restProps = _object_without_properties(_param, [
+        "className",
+        "getRootRef",
+        "children"
+    ]);
+    const { size, isSingleChild } = React.useContext(ContentBadgeContext);
+    if (size === 's') {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx("div", _object_spread_props(_object_spread({
+        ref: getRootRef,
+        className: classNames(className, isSingleChild ? singleIconClassNames[size] : iconsClassNames[size])
+    }, restProps), {
+        children: children
+    }));
+};
+ContentBadgeSlotIcon.displayName = 'ContentBadgeSlotIcon';
+
+//# sourceMappingURL=ContentBadgeSlotIcon.js.map

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

@@ -0,0 +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","iconsClassNames","m","l","singleIconClassNames","ContentBadgeSlotIcon","className","getRootRef","children","restProps","size","isSingleChild","useContext","div","ref","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,mBAAmB,QAAQ,wBAAwB;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;AAEFH,qBAAqBU,WAAW,GAAG"}

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

@@ -0,0 +1,3 @@
+export type ContentBadgeModeType = 'primary' | 'secondary' | 'outline';
+export type ContentBadgeSizeType = 's' | 'm' | 'l';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBadge/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAEvE,MAAM,MAAM,oBAAoB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC"}

package/dist/components/ContentBadge/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ContentBadge/types.ts"],"sourcesContent":["export type ContentBadgeModeType = 'primary' | 'secondary' | 'outline';\n\nexport type ContentBadgeSizeType = 's' | 'm' | 'l';\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAAmD"}

package/dist/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, hasHover, hasActive, ...restProps }: ContentCardProps) => React.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) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ContentCard.d.ts.map

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;AAE/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,mPA4BrB,gBAAgB,sBAiElB,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,4CAkElB,CAAC"}

package/dist/components/ContentCard/ContentCard.js

@@ -1,8 +1,10 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { classNames, hasReactNode } from '@vkontakte/vkjs';
+import { getFetchPriorityProp } from '../../lib/utils';
 import { Card } from '../Card/Card';
 import { Tappable } from '../Tappable/Tappable';
 import { Caption } from '../Typography/Caption/Caption';
@@ -14,7 +16,7 @@ import { Text } from '../Typography/Text/Text';
  */ export const ContentCard = (_param)=>{
     var { subtitle, header, headerComponent = 'span', text, caption, // card props
     className, mode = 'shadow', style, getRootRef, // img props
-    getRef, maxHeight, src, srcSet, alt = '', width, height, crossOrigin, decoding, loading, referrerPolicy, sizes, useMap, hasHover = false, hasActive = false } = _param, restProps = _object_without_properties(_param, [
+    getRef, maxHeight, src, srcSet, alt = '', width, height, crossOrigin, decoding, loading, referrerPolicy, sizes, useMap, fetchPriority, hasHover = false, hasActive = false } = _param, restProps = _object_without_properties(_param, [
         "subtitle",
         "header",
         "headerComponent",
@@ -37,52 +39,69 @@ import { Text } from '../Typography/Text/Text';
         "referrerPolicy",
         "sizes",
         "useMap",
+        "fetchPriority",
         "hasHover",
         "hasActive"
     ]);
-    return /*#__PURE__*/ React.createElement(Card, {
+    return /*#__PURE__*/ _jsx(Card, {
         mode: mode,
         getRootRef: getRootRef,
         style: style,
-        className: classNames(restProps.disabled && "vkuiContentCard--disabled", className)
-    }, /*#__PURE__*/ React.createElement(Tappable, _object_spread_props(_object_spread({}, restProps), {
-        hasHover: hasHover,
-        hasActive: hasActive,
-        className: "vkuiContentCard__tappable"
-    }), (src || srcSet) && /*#__PURE__*/ React.createElement("img", {
-        ref: getRef,
-        className: "vkuiContentCard__img",
-        src: src,
-        srcSet: srcSet,
-        alt: alt,
-        crossOrigin: crossOrigin,
-        decoding: decoding,
-        loading: loading,
-        referrerPolicy: referrerPolicy,
-        sizes: sizes,
-        useMap: useMap,
-        height: height,
-        style: {
-            maxHeight
-        },
-        width: "100%"
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: "vkuiContentCard__body"
-    }, hasReactNode(subtitle) && /*#__PURE__*/ React.createElement(Caption, {
-        className: classNames("vkuiContentCard__text", "vkuiContentCard__subtitle"),
-        weight: "1",
-        level: "3",
-        caps: true
-    }, subtitle), hasReactNode(header) && /*#__PURE__*/ React.createElement(Headline, {
-        className: "vkuiContentCard__text",
-        weight: "2",
-        level: "1",
-        Component: headerComponent
-    }, header), hasReactNode(text) && /*#__PURE__*/ React.createElement(Text, {
-        className: "vkuiContentCard__text"
-    }, text), hasReactNode(caption) && /*#__PURE__*/ React.createElement(Footnote, {
-        className: classNames("vkuiContentCard__text", "vkuiContentCard__caption")
-    }, caption))));
+        className: classNames(restProps.disabled && "vkuiContentCard--disabled", className),
+        children: /*#__PURE__*/ _jsxs(Tappable, _object_spread_props(_object_spread({}, restProps), {
+            hasHover: hasHover,
+            hasActive: hasActive,
+            className: "vkuiContentCard__tappable",
+            children: [
+                (src || srcSet) && /*#__PURE__*/ _jsx("img", _object_spread_props(_object_spread({
+                    ref: getRef,
+                    className: "vkuiContentCard__img",
+                    src: src,
+                    srcSet: srcSet,
+                    alt: alt,
+                    crossOrigin: crossOrigin,
+                    decoding: decoding,
+                    loading: loading,
+                    referrerPolicy: referrerPolicy,
+                    sizes: sizes,
+                    useMap: useMap
+                }, getFetchPriorityProp(fetchPriority)), {
+                    height: height,
+                    style: {
+                        maxHeight
+                    },
+                    width: "100%"
+                })),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "vkuiContentCard__body",
+                    children: [
+                        hasReactNode(subtitle) && /*#__PURE__*/ _jsx(Caption, {
+                            className: classNames("vkuiContentCard__text", "vkuiContentCard__subtitle"),
+                            weight: "1",
+                            level: "3",
+                            caps: true,
+                            children: subtitle
+                        }),
+                        hasReactNode(header) && /*#__PURE__*/ _jsx(Headline, {
+                            className: "vkuiContentCard__text",
+                            weight: "2",
+                            level: "1",
+                            Component: headerComponent,
+                            children: header
+                        }),
+                        hasReactNode(text) && /*#__PURE__*/ _jsx(Text, {
+                            className: "vkuiContentCard__text",
+                            children: text
+                        }),
+                        hasReactNode(caption) && /*#__PURE__*/ _jsx(Footnote, {
+                            className: classNames("vkuiContentCard__text", "vkuiContentCard__caption"),
+                            children: caption
+                        })
+                    ]
+                })
+            ]
+        }))
+    });
 };
 
 //# sourceMappingURL=ContentCard.js.map

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 { 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  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            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","Card","Tappable","Caption","Footnote","Headline","Text","ContentCard","subtitle","header","headerComponent","text","caption","className","mode","style","getRootRef","getRef","maxHeight","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","hasHover","hasActive","restProps","disabled","img","ref","div","weight","level","caps","Component"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,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;AAmC/C;;CAEC,GACD,OAAO,MAAMC,cAAc;QAAC,EAC1BC,QAAQ,EACRC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,IAAI,EACJC,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,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,cAAc,EACdC,KAAK,EACLC,MAAM,EACNC,WAAW,KAAK,EAChBC,YAAY,KAAK,EAEA,WADdC;QA1BHxB;QACAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,oBAAC9B;QACCa,MAAMA;QACNE,YAAYA;QACZD,OAAOA;QACPF,WAAWd,WAAWiC,UAAUC,QAAQ,iCAAqCpB;qBAE7E,oBAACX,kDACK8B;QACJF,UAAUA;QACVC,WAAWA;QACXlB,SAAS;QAER,AAACM,CAAAA,OAAOC,MAAK,mBACZ,oBAACc;QACCC,KAAKlB;QACLJ,SAAS;QACTM,KAAKA;QACLC,QAAQA;QACRC,KAAKA;QACLG,aAAaA;QACbC,UAAUA;QACVC,SAASA;QACTC,gBAAgBA;QAChBC,OAAOA;QACPC,QAAQA;QACRN,QAAQA;QACRR,OAAO;YAAEG;QAAU;QACnBI,OAAM;sBAGV,oBAACc;QAAIvB,SAAS;OACXb,aAAaQ,2BACZ,oBAACL;QACCU,WAAWd;QACXsC,QAAO;QACPC,OAAM;QACNC,MAAAA;OAEC/B,WAGJR,aAAaS,yBACZ,oBAACJ;QACCQ,SAAS;QACTwB,QAAO;QACPC,OAAM;QACNE,WAAW9B;OAEVD,SAGJT,aAAaW,uBAAS,oBAACL;QAAKO,SAAS;OAAgCF,OACrEX,aAAaY,0BACZ,oBAACR;QACCS,WAAWd;OAEVa;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) => {\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","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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;AAmC/C;;CAEC,GACD,OAAO,MAAMC,cAAc;QAAC,EAC1BC,QAAQ,EACRC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,IAAI,EACJC,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,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,cAAc,EACdC,KAAK,EACLC,MAAM,EACNC,aAAa,EACbC,WAAW,KAAK,EAChBC,YAAY,KAAK,EAEA,WADdC;QA3BHzB;QACAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAAC/B;QACCa,MAAMA;QACNE,YAAYA;QACZD,OAAOA;QACPF,WAAWf,WAAWmC,UAAUC,QAAQ,iCAAqCrB;kBAE7E,cAAA,MAACX,kDACK+B;YACJF,UAAUA;YACVC,WAAWA;YACXnB,SAAS;;gBAEPM,CAAAA,OAAOC,MAAK,mBACZ,KAACe;oBACCC,KAAKnB;oBACLJ,SAAS;oBACTM,KAAKA;oBACLC,QAAQA;oBACRC,KAAKA;oBACLG,aAAaA;oBACbC,UAAUA;oBACVC,SAASA;oBACTC,gBAAgBA;oBAChBC,OAAOA;oBACPC,QAAQA;mBACJ7B,qBAAqB8B;oBACzBP,QAAQA;oBACRR,OAAO;wBAAEG;oBAAU;oBACnBI,OAAM;;8BAGV,MAACe;oBAAIxB,SAAS;;wBACXd,aAAaS,2BACZ,KAACL;4BACCU,WAAWf;4BACXwC,QAAO;4BACPC,OAAM;4BACNC,IAAI;sCAEHhC;;wBAGJT,aAAaU,yBACZ,KAACJ;4BACCQ,SAAS;4BACTyB,QAAO;4BACPC,OAAM;4BACNE,WAAW/B;sCAEVD;;wBAGJV,aAAaY,uBAAS,KAACL;4BAAKO,SAAS;sCAAgCF;;wBACrEZ,aAAaa,0BACZ,KAACR;4BACCS,WAAWf;sCAEVc;;;;;;;AAOf,EAAE"}

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

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

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":"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,6BAwBd,CAAC"}
+{"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"}

package/dist/components/Counter/Counter.js

@@ -1,6 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { Caption } from '../Typography/Caption/Caption';
@@ -30,11 +31,12 @@ const sizeClassNames = {
     }
     const CounterTypography = size === 's' ? Caption : Headline;
     const counterLevel = size === 's' ? '1' : '2';
-    return /*#__PURE__*/ React.createElement(CounterTypography, _object_spread_props(_object_spread({}, restProps), {
+    return /*#__PURE__*/ _jsx(CounterTypography, _object_spread_props(_object_spread({}, restProps), {
         Component: "span",
         className: classNames('vkuiInternalCounter', "vkuiCounter", modeClassNames[mode], sizeClassNames[size], className),
-        level: counterLevel
-    }), children);
+        level: counterLevel,
+        children: children
+    }));
 };
 
 //# sourceMappingURL=Counter.js.map

package/dist/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","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;AAG3D,MAAMC,iBAAiB;IACrBC,SAAS;IACTC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,iBAAiB;IACrBC,CAAC;IACDC,CAAC;AACH;AAYA;;CAEC,GACD,OAAO,MAAMC,UAAU;QAAC,EACtBC,OAAO,SAAS,EAChBC,OAAO,GAAG,EACVC,QAAQ,EACRC,SAAS,EAEI,WADVC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAIjB,MAAMmB,QAAQ,CAACC,KAAK,CAACJ,cAAc,GAAG;QACxC,OAAO;IACT;IAEA,MAAMK,oBAAoBN,SAAS,MAAMb,UAAUC;IACnD,MAAMmB,eAAeP,SAAS,MAAM,MAAM;IAE1C,qBACE,oBAACM,2DACKH;QACJK,WAAU;QACVN,WAAWhB,WACT,sCAEAG,cAAc,CAACU,KAAK,EACpBJ,cAAc,CAACK,KAAK,EACpBE;QAEFO,OAAOF;QAENN;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) => {\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","modeClassNames","secondary","primary","prominent","contrast","inherit","sizeClassNames","s","m","Counter","mode","size","children","className","restProps","Children","count","CounterTypography","counterLevel","Component","level"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,QAAQ,QAAQ,kCAAkC;AAG3D,MAAMC,iBAAiB;IACrBC,SAAS;IACTC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,iBAAiB;IACrBC,CAAC;IACDC,CAAC;AACH;AAYA;;CAEC,GACD,OAAO,MAAMC,UAAU;QAAC,EACtBC,OAAO,SAAS,EAChBC,OAAO,GAAG,EACVC,QAAQ,EACRC,SAAS,EAEI,WADVC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAIjB,MAAMmB,QAAQ,CAACC,KAAK,CAACJ,cAAc,GAAG;QACxC,OAAO;IACT;IAEA,MAAMK,oBAAoBN,SAAS,MAAMb,UAAUC;IACnD,MAAMmB,eAAeP,SAAS,MAAM,MAAM;IAE1C,qBACE,KAACM,2DACKH;QACJK,WAAU;QACVN,WAAWhB,WACT,sCAEAG,cAAc,CAACU,KAAK,EACpBJ,cAAc,CAACK,KAAK,EACpBE;QAEFO,OAAOF;kBAENN;;AAGP,EAAE"}

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

@@ -5,8 +5,8 @@ export interface CustomScrollViewProps extends React.AllHTMLAttributes<HTMLDivEl
     windowResize?: boolean;
     boxRef?: React.Ref<HTMLDivElement>;
     className?: HTMLDivElement['className'];
-    onScroll?(event: React.UIEvent<HTMLDivElement>): void;
+    onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
     children: React.ReactNode;
 }
-export declare const CustomScrollView: ({ className, children, boxRef: externalBoxRef, windowResize, autoHideScrollbar, autoHideScrollbarDelay, onScroll, getRootRef, ...restProps }: CustomScrollViewProps) => React.JSX.Element;
+export declare const CustomScrollView: ({ className, children, boxRef: externalBoxRef, windowResize, autoHideScrollbar, autoHideScrollbarDelay, onScroll, getRootRef, ...restProps }: CustomScrollViewProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CustomScrollView.d.ts.map

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/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,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,iJAU1B,qBAAqB,sBA8KvB,CAAC"}
+{"version":3,"file":"CustomScrollView.d.ts","sourceRoot":"","sources":["../../../src/components/CustomScrollView/CustomScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/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,4CA8KvB,CAAC"}