@vkontakte/icons 3.8.0 → 3.9.1

package/dist/12/cancel_circle_fill_red_12.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon12CancelCircleFillRed = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 12 12",
         width: 12,
@@ -15,7 +17,7 @@ export const Icon12CancelCircleFillRed = (props)=>{
             /*#__PURE__*/ _jsx("rect", {
                 width: "12",
                 height: "12",
-                fill: "url(#cancel_circle_fill_red_12__a)",
+                fill: `url(#cancel_circle_fill_red_12${reactId}a)`,
                 rx: "6"
             }),
             /*#__PURE__*/ _jsx("path", {
@@ -26,7 +28,7 @@ export const Icon12CancelCircleFillRed = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsxs("linearGradient", {
-                    id: "cancel_circle_fill_red_12__a",
+                    id: `cancel_circle_fill_red_12${reactId}a`,
                     x1: "-6",
                     x2: "6",
                     y1: "6",

package/dist/12/error_circle_fill_yellow_12.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon12ErrorCircleFillYellow = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 12 12",
         width: 12,
@@ -13,7 +15,7 @@ export const Icon12ErrorCircleFillYellow = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsx("path", {
-                fill: "url(#error_circle_fill_yellow_12__a)",
+                fill: `url(#error_circle_fill_yellow_12${reactId}a)`,
                 fillRule: "evenodd",
                 d: "M6 12c-3.312 0-6-2.688-6-6s2.688-6 6-6 6 2.688 6 6-2.688 6-6 6",
                 clipRule: "evenodd"
@@ -26,7 +28,7 @@ export const Icon12ErrorCircleFillYellow = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsxs("linearGradient", {
-                    id: "error_circle_fill_yellow_12__a",
+                    id: `error_circle_fill_yellow_12${reactId}a`,
                     x1: "-6",
                     x2: "6",
                     y1: "6",

package/dist/12/market_slash_12.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon12MarketSlash = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 12 12",
         width: 12,
@@ -13,7 +15,7 @@ export const Icon12MarketSlash = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsx("g", {
-                clipPath: "url(#market_slash_12__a)",
+                clipPath: `url(#market_slash_12${reactId}a)`,
                 children: /*#__PURE__*/ _jsx("path", {
                     d: "M10.718 11.78a.75.75 0 0 0 1.062-1.062L1.282.22A.75.75 0 0 0 .22 1.282l1.73 1.73c-.21.02-.324.06-.438.122a.9.9 0 0 0-.378.378c-.088.163-.134.324-.134.77v3.513c0 1.115.116 1.519.334 1.926s.538.727.945.945S3.09 11 4.205 11h3.59c1.044 0 1.465-.102 1.85-.294zM6 0a3 3 0 0 1 3 3h.718c.446 0 .607.046.77.134a.9.9 0 0 1 .378.378c.088.163.134.324.134.77v3.513c0 .276-.007.509-.021.708L5.479 3H8a2 2 0 0 0-3.65-1.13l-.715-.716A3 3 0 0 1 6 0m2.537 4h-.074a.5.5 0 0 0-.258.053.36.36 0 0 0-.152.152.5.5 0 0 0-.053.258v.074c0 .119.019.193.053.258a.36.36 0 0 0 .152.152c.065.034.14.053.258.053h.074a.5.5 0 0 0 .258-.053.36.36 0 0 0 .152-.152A.5.5 0 0 0 9 4.537v-.074a.5.5 0 0 0-.053-.258.36.36 0 0 0-.152-.152A.5.5 0 0 0 8.537 4",
                     clipRule: "evenodd"
@@ -21,7 +23,7 @@ export const Icon12MarketSlash = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsx("clipPath", {
-                    id: "market_slash_12__a",
+                    id: `market_slash_12${reactId}a`,
                     children: /*#__PURE__*/ _jsx("path", {
                         d: "M0 0h12v12H0z"
                     })

package/dist/12/popup_stickers_circle_fill_raspberry_pink_product_12.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon12PopupStickersCircleFillRaspberryPinkProduct = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 12 12",
         width: 12,
@@ -13,7 +15,7 @@ export const Icon12PopupStickersCircleFillRaspberryPinkProduct = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsxs("linearGradient", {
-                id: "popup_stickers_circle_fill_raspberry_pink_product_12__a",
+                id: `popup_stickers_circle_fill_raspberry_pink_product_12${reactId}a`,
                 x1: "0",
                 x2: "12",
                 y1: "0",
@@ -34,7 +36,7 @@ export const Icon12PopupStickersCircleFillRaspberryPinkProduct = (props)=>{
                 cx: "6",
                 cy: "6",
                 r: "6",
-                fill: "url(#popup_stickers_circle_fill_raspberry_pink_product_12__a)"
+                fill: `url(#popup_stickers_circle_fill_raspberry_pink_product_12${reactId}a)`
             }),
             /*#__PURE__*/ _jsxs("g", {
                 fill: "#fff",

package/dist/12/star_circle_fill_yellow_12.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon12StarCircleFillYellow = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 12 12",
         width: 12,
@@ -13,7 +15,7 @@ export const Icon12StarCircleFillYellow = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsxs("linearGradient", {
-                id: "star_circle_fill_yellow_12__a",
+                id: `star_circle_fill_yellow_12${reactId}a`,
                 x1: "-6",
                 x2: "6",
                 y1: "6",
@@ -35,7 +37,7 @@ export const Icon12StarCircleFillYellow = (props)=>{
                 clipRule: "evenodd",
                 children: [
                     /*#__PURE__*/ _jsx("path", {
-                        fill: "url(#star_circle_fill_yellow_12__a)",
+                        fill: `url(#star_circle_fill_yellow_12${reactId}a)`,
                         d: "M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0m.11 2.59a.25.25 0 0 0-.334.114l-.952 1.928-2.127.31a.25.25 0 0 0-.138.426l1.539 1.5-.364 2.119a.25.25 0 0 0 .363.263L6 8.25l1.903 1a.25.25 0 0 0 .363-.263l-.364-2.119 1.54-1.5a.25.25 0 0 0-.14-.427l-2.126-.309-.952-1.928a.25.25 0 0 0-.113-.113"
                     }),
                     /*#__PURE__*/ _jsx("path", {

package/dist/16/achievement_circle_fill_blue_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16AchievementCircleFillBlue = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -13,7 +15,7 @@ export const Icon16AchievementCircleFillBlue = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsx("path", {
-                fill: "url(#achievement_circle_fill_blue_16__a)",
+                fill: `url(#achievement_circle_fill_blue_16${reactId}a)`,
                 fillRule: "evenodd",
                 d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16",
                 clipRule: "evenodd"
@@ -26,7 +28,7 @@ export const Icon16AchievementCircleFillBlue = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsxs("linearGradient", {
-                    id: "achievement_circle_fill_blue_16__a",
+                    id: `achievement_circle_fill_blue_16${reactId}a`,
                     x1: "-8",
                     x2: "8",
                     y1: "8",

package/dist/16/add_circle_fill_blue_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16AddCircleFillBlue = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -13,7 +15,7 @@ export const Icon16AddCircleFillBlue = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsx("path", {
-                fill: "url(#add_circle_fill_blue_16__a)",
+                fill: `url(#add_circle_fill_blue_16${reactId}a)`,
                 fillRule: "evenodd",
                 d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16",
                 clipRule: "evenodd"
@@ -24,7 +26,7 @@ export const Icon16AddCircleFillBlue = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsxs("linearGradient", {
-                    id: "add_circle_fill_blue_16__a",
+                    id: `add_circle_fill_blue_16${reactId}a`,
                     x1: "-8",
                     x2: "8",
                     y1: "8",

package/dist/16/add_circle_fill_red_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16AddCircleFillRed = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -13,7 +15,7 @@ export const Icon16AddCircleFillRed = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsx("path", {
-                fill: "url(#add_circle_fill_red_16__a)",
+                fill: `url(#add_circle_fill_red_16${reactId}a)`,
                 fillRule: "evenodd",
                 d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16",
                 clipRule: "evenodd"
@@ -26,7 +28,7 @@ export const Icon16AddCircleFillRed = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsxs("linearGradient", {
-                    id: "add_circle_fill_red_16__a",
+                    id: `add_circle_fill_red_16${reactId}a`,
                     x1: "-8",
                     x2: "8",
                     y1: "8",

package/dist/16/add_circle_fill_white_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16AddCircleFillWhite = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -13,7 +15,7 @@ export const Icon16AddCircleFillWhite = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsxs("g", {
-                clipPath: "url(#add_circle_fill_white_16__a)",
+                clipPath: `url(#add_circle_fill_white_16${reactId}a)`,
                 children: [
                     /*#__PURE__*/ _jsx("path", {
                         fill: "#fff",
@@ -29,7 +31,7 @@ export const Icon16AddCircleFillWhite = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsx("clipPath", {
-                    id: "add_circle_fill_white_16__a",
+                    id: `add_circle_fill_white_16${reactId}a`,
                     children: /*#__PURE__*/ _jsx("path", {
                         fill: "#fff",
                         d: "M0 0h16v16H0z"

package/dist/16/bomb_circle_fill_purple_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16BombCircleFillPurple = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -13,7 +15,7 @@ export const Icon16BombCircleFillPurple = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsx("path", {
-                fill: "url(#bomb_circle_fill_purple_16__a)",
+                fill: `url(#bomb_circle_fill_purple_16${reactId}a)`,
                 fillRule: "evenodd",
                 d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16",
                 clipRule: "evenodd"
@@ -34,7 +36,7 @@ export const Icon16BombCircleFillPurple = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsxs("linearGradient", {
-                    id: "bomb_circle_fill_purple_16__a",
+                    id: `bomb_circle_fill_purple_16${reactId}a`,
                     x1: "-8",
                     x2: "8",
                     y1: "8",

package/dist/16/cake_circle_fill_purple_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16CakeCircleFillPurple = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -13,10 +15,10 @@ export const Icon16CakeCircleFillPurple = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsxs("g", {
-                clipPath: "url(#cake_circle_fill_purple_16__a)",
+                clipPath: `url(#cake_circle_fill_purple_16${reactId}a)`,
                 children: [
                     /*#__PURE__*/ _jsx("path", {
-                        fill: "url(#cake_circle_fill_purple_16__b)",
+                        fill: `url(#cake_circle_fill_purple_16${reactId}b)`,
                         fillRule: "evenodd",
                         d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16",
                         clipRule: "evenodd"
@@ -30,7 +32,7 @@ export const Icon16CakeCircleFillPurple = (props)=>{
             /*#__PURE__*/ _jsxs("defs", {
                 children: [
                     /*#__PURE__*/ _jsxs("linearGradient", {
-                        id: "cake_circle_fill_purple_16__b",
+                        id: `cake_circle_fill_purple_16${reactId}b`,
                         x1: "-8",
                         x2: "8",
                         y1: "8",
@@ -47,7 +49,7 @@ export const Icon16CakeCircleFillPurple = (props)=>{
                         ]
                     }),
                     /*#__PURE__*/ _jsx("clipPath", {
-                        id: "cake_circle_fill_purple_16__a",
+                        id: `cake_circle_fill_purple_16${reactId}a`,
                         children: /*#__PURE__*/ _jsx("path", {
                             fill: "#fff",
                             d: "M0 0h16v16H0z"

package/dist/16/check_circle_fill_green_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16CheckCircleFillGreen = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -13,7 +15,7 @@ export const Icon16CheckCircleFillGreen = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsx("path", {
-                fill: "url(#check_circle_fill_green_16__a)",
+                fill: `url(#check_circle_fill_green_16${reactId}a)`,
                 fillRule: "evenodd",
                 d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16",
                 clipRule: "evenodd"
@@ -26,7 +28,7 @@ export const Icon16CheckCircleFillGreen = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsxs("linearGradient", {
-                    id: "check_circle_fill_green_16__a",
+                    id: `check_circle_fill_green_16${reactId}a`,
                     x1: "-8",
                     x2: "8",
                     y1: "8",

package/dist/16/crown_circle_fill_vk_dating_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16CrownCircleFillVkDating = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -15,7 +17,7 @@ export const Icon16CrownCircleFillVkDating = (props)=>{
             /*#__PURE__*/ _jsx("rect", {
                 width: "16",
                 height: "16",
-                fill: "url(#crown_circle_fill_vk_dating_16__a)",
+                fill: `url(#crown_circle_fill_vk_dating_16${reactId}a)`,
                 rx: "8"
             }),
             /*#__PURE__*/ _jsx("path", {
@@ -24,7 +26,7 @@ export const Icon16CrownCircleFillVkDating = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsxs("linearGradient", {
-                    id: "crown_circle_fill_vk_dating_16__a",
+                    id: `crown_circle_fill_vk_dating_16${reactId}a`,
                     x1: "13.667",
                     x2: "2.333",
                     y1: "2.333",

package/dist/16/error_circle_fill_yellow_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16ErrorCircleFillYellow = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -13,7 +15,7 @@ export const Icon16ErrorCircleFillYellow = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsx("path", {
-                fill: "url(#error_circle_fill_yellow_16__a)",
+                fill: `url(#error_circle_fill_yellow_16${reactId}a)`,
                 d: "M0 8c0 4.416 3.584 8 8 8s8-3.584 8-8-3.584-8-8-8-8 3.584-8 8"
             }),
             /*#__PURE__*/ _jsx("path", {
@@ -22,7 +24,7 @@ export const Icon16ErrorCircleFillYellow = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsxs("linearGradient", {
-                    id: "error_circle_fill_yellow_16__a",
+                    id: `error_circle_fill_yellow_16${reactId}a`,
                     x1: "-8",
                     x2: "8",
                     y1: "8",

package/dist/16/lock_circle_fill_blue_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16LockCircleFillBlue = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -14,11 +16,11 @@ export const Icon16LockCircleFillBlue = (props)=>{
         children: [
             /*#__PURE__*/ _jsxs("g", {
                 fillRule: "evenodd",
-                clipPath: "url(#lock_circle_fill_blue_16__a)",
+                clipPath: `url(#lock_circle_fill_blue_16${reactId}a)`,
                 clipRule: "evenodd",
                 children: [
                     /*#__PURE__*/ _jsx("path", {
-                        fill: "url(#lock_circle_fill_blue_16__b)",
+                        fill: `url(#lock_circle_fill_blue_16${reactId}b)`,
                         d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16"
                     }),
                     /*#__PURE__*/ _jsx("path", {
@@ -30,7 +32,7 @@ export const Icon16LockCircleFillBlue = (props)=>{
             /*#__PURE__*/ _jsxs("defs", {
                 children: [
                     /*#__PURE__*/ _jsxs("linearGradient", {
-                        id: "lock_circle_fill_blue_16__b",
+                        id: `lock_circle_fill_blue_16${reactId}b`,
                         x1: "-8",
                         x2: "8",
                         y1: "8",
@@ -47,7 +49,7 @@ export const Icon16LockCircleFillBlue = (props)=>{
                         ]
                     }),
                     /*#__PURE__*/ _jsx("clipPath", {
-                        id: "lock_circle_fill_blue_16__a",
+                        id: `lock_circle_fill_blue_16${reactId}a`,
                         children: /*#__PURE__*/ _jsx("path", {
                             fill: "#fff",
                             d: "M0 0h16v16H0z"

package/dist/16/messages_circle_fill_green_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16MessagesCircleFillGreen = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -13,7 +15,7 @@ export const Icon16MessagesCircleFillGreen = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsxs("linearGradient", {
-                id: "messages_circle_fill_green_16__a",
+                id: `messages_circle_fill_green_16${reactId}a`,
                 x1: "-8",
                 x2: "8",
                 y1: "8",
@@ -31,7 +33,7 @@ export const Icon16MessagesCircleFillGreen = (props)=>{
                 ]
             }),
             /*#__PURE__*/ _jsx("path", {
-                fill: "url(#messages_circle_fill_green_16__a)",
+                fill: `url(#messages_circle_fill_green_16${reactId}a)`,
                 fillRule: "evenodd",
                 d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16",
                 clipRule: "evenodd"

package/dist/16/play_circle_fill_pink_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16PlayCircleFillPink = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -13,7 +15,7 @@ export const Icon16PlayCircleFillPink = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsxs("linearGradient", {
-                id: "play_circle_fill_pink_16__a",
+                id: `play_circle_fill_pink_16${reactId}a`,
                 x1: "-8",
                 x2: "8",
                 y1: "8",
@@ -34,7 +36,7 @@ export const Icon16PlayCircleFillPink = (props)=>{
                 cx: "8",
                 cy: "8",
                 r: "8",
-                fill: "url(#play_circle_fill_pink_16__a)"
+                fill: `url(#play_circle_fill_pink_16${reactId}a)`
             }),
             /*#__PURE__*/ _jsx("path", {
                 fill: "#fff",

package/dist/16/pop_up_sticker_circle_fill_raspberry_pink_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16PopUpStickerCircleFillRaspberryPink = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -14,11 +16,11 @@ export const Icon16PopUpStickerCircleFillRaspberryPink = (props)=>{
         children: [
             /*#__PURE__*/ _jsxs("g", {
                 fillRule: "evenodd",
-                clipPath: "url(#pop_up_sticker_circle_fill_raspberry_pink_16__a)",
+                clipPath: `url(#pop_up_sticker_circle_fill_raspberry_pink_16${reactId}a)`,
                 clipRule: "evenodd",
                 children: [
                     /*#__PURE__*/ _jsx("path", {
-                        fill: "url(#pop_up_sticker_circle_fill_raspberry_pink_16__b)",
+                        fill: `url(#pop_up_sticker_circle_fill_raspberry_pink_16${reactId}b)`,
                         d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16"
                     }),
                     /*#__PURE__*/ _jsx("path", {
@@ -30,7 +32,7 @@ export const Icon16PopUpStickerCircleFillRaspberryPink = (props)=>{
             /*#__PURE__*/ _jsxs("defs", {
                 children: [
                     /*#__PURE__*/ _jsxs("linearGradient", {
-                        id: "pop_up_sticker_circle_fill_raspberry_pink_16__b",
+                        id: `pop_up_sticker_circle_fill_raspberry_pink_16${reactId}b`,
                         x1: "0",
                         x2: "16",
                         y1: "0",
@@ -47,7 +49,7 @@ export const Icon16PopUpStickerCircleFillRaspberryPink = (props)=>{
                         ]
                     }),
                     /*#__PURE__*/ _jsx("clipPath", {
-                        id: "pop_up_sticker_circle_fill_raspberry_pink_16__a",
+                        id: `pop_up_sticker_circle_fill_raspberry_pink_16${reactId}a`,
                         children: /*#__PURE__*/ _jsx("path", {
                             fill: "#fff",
                             d: "M0 0h16v16H0z"

package/dist/16/repost_circle_fill_red_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16RepostCircleFillRed = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -15,7 +17,7 @@ export const Icon16RepostCircleFillRed = (props)=>{
             /*#__PURE__*/ _jsx("rect", {
                 width: "16",
                 height: "16",
-                fill: "url(#repost_circle_fill_red_16__a)",
+                fill: `url(#repost_circle_fill_red_16${reactId}a)`,
                 rx: "8"
             }),
             /*#__PURE__*/ _jsx("path", {
@@ -24,7 +26,7 @@ export const Icon16RepostCircleFillRed = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsxs("linearGradient", {
-                    id: "repost_circle_fill_red_16__a",
+                    id: `repost_circle_fill_red_16${reactId}a`,
                     x1: "-8",
                     x2: "8",
                     y1: "8",

package/dist/16/rouble_circle_fill_blue_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16RoubleCircleFillBlue = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -15,7 +17,7 @@ export const Icon16RoubleCircleFillBlue = (props)=>{
             /*#__PURE__*/ _jsx("rect", {
                 width: "16",
                 height: "16",
-                fill: "url(#rouble_circle_fill_blue_16__a)",
+                fill: `url(#rouble_circle_fill_blue_16${reactId}a)`,
                 rx: "8"
             }),
             /*#__PURE__*/ _jsx("path", {
@@ -32,7 +34,7 @@ export const Icon16RoubleCircleFillBlue = (props)=>{
             }),
             /*#__PURE__*/ _jsx("defs", {
                 children: /*#__PURE__*/ _jsxs("linearGradient", {
-                    id: "rouble_circle_fill_blue_16__a",
+                    id: `rouble_circle_fill_blue_16${reactId}a`,
                     x1: "-8",
                     x2: "8",
                     y1: "8",

package/dist/16/star_circle_fill_blue_16.js

@@ -1,7 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
 export const Icon16StarCircleFillBlue = (props)=>{
+    const reactId = React.useId();
     return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
         viewBox: "0 0 16 16",
         width: 16,
@@ -13,7 +15,7 @@ export const Icon16StarCircleFillBlue = (props)=>{
         vkuiProps: props,
         children: [
             /*#__PURE__*/ _jsxs("linearGradient", {
-                id: "star_circle_fill_blue_16__a",
+                id: `star_circle_fill_blue_16${reactId}a`,
                 x1: "-8",
                 x2: "8",
                 y1: "8",
@@ -31,7 +33,7 @@ export const Icon16StarCircleFillBlue = (props)=>{
                 ]
             }),
             /*#__PURE__*/ _jsx("path", {
-                fill: "url(#star_circle_fill_blue_16__a)",
+                fill: `url(#star_circle_fill_blue_16${reactId}a)`,
                 fillRule: "evenodd",
                 d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16",
                 clipRule: "evenodd"