@photoroom/icons 0.1.17 → 0.1.18

package/colors/PhotoroomLightColorIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PhotoroomLightColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PhotoroomLightColorIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   fill: "none",
   viewBox: "0 0 264 264",
   style: {
@@ -10,17 +12,17 @@ const PhotoroomLightColorIcon = (props, ref) => /*#__PURE__*/React.createElement
   },
   ref: ref
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "url(#paint0_linear_1_14)",
+  fill: `url(#${__id}-paint0_linear_1_14)`,
   d: "M156.182 169.698H149.489L174.379 194.588C177.302 197.512 181.342 199.32 185.803 199.32C194.726 199.32 201.96 192.086 201.96 183.163C201.96 178.702 200.152 174.662 197.228 171.739L186.72 161.231C177.803 166.606 167.354 169.698 156.182 169.698Z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "url(#paint1_radial_1_14)",
+  fill: `url(#${__id}-paint1_radial_1_14)`,
   d: "M83.4768 96.9932C74.5537 96.9932 67.32 89.7596 67.32 80.8366C67.32 71.9135 74.5537 64.68 83.4768 64.68H156.182C181.465 64.68 201.96 85.175 201.96 110.457C201.96 135.739 181.465 156.234 156.182 156.234H99.6336V183.162C99.6336 192.085 92.4 199.318 83.4768 199.318C74.5537 199.318 67.32 192.085 67.32 183.162V140.077C67.32 131.154 74.5537 123.921 83.4768 123.921H156.182C163.618 123.921 169.646 117.893 169.646 110.457C169.646 103.021 163.618 96.9932 156.182 96.9932H83.4768Z"
 }), /*#__PURE__*/React.createElement("path", {
   fill: "white",
   fillOpacity: 0.2,
   d: "M83.4768 96.9932C74.5537 96.9932 67.32 89.7596 67.32 80.8366C67.32 71.9135 74.5537 64.68 83.4768 64.68H156.182C181.465 64.68 201.96 85.175 201.96 110.457C201.96 135.739 181.465 156.234 156.182 156.234H99.6336V183.162C99.6336 192.085 92.4 199.318 83.4768 199.318C74.5537 199.318 67.32 192.085 67.32 183.162V140.077C67.32 131.154 74.5537 123.921 83.4768 123.921H156.182C163.618 123.921 169.646 117.893 169.646 110.457C169.646 103.021 163.618 96.9932 156.182 96.9932H83.4768Z"
 }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-  id: "paint0_linear_1_14",
+  id: `${__id}-paint0_linear_1_14`,
   x1: 209.876,
   x2: 190.43,
   y1: 208.965,
@@ -36,7 +38,7 @@ const PhotoroomLightColorIcon = (props, ref) => /*#__PURE__*/React.createElement
   offset: 0.915,
   stopColor: "#4A3DDC"
 })), /*#__PURE__*/React.createElement("radialGradient", {
-  id: "paint1_radial_1_14",
+  id: `${__id}-paint1_radial_1_14`,
   cx: 0,
   cy: 0,
   r: 1,
@@ -57,5 +59,6 @@ const PhotoroomLightColorIcon = (props, ref) => /*#__PURE__*/React.createElement
   offset: 0.840839,
   stopColor: "#F08BF3"
 }))));
+};
 const ForwardRef = forwardRef(PhotoroomLightColorIcon);
 export { ForwardRef as PhotoroomLightColorIcon };

package/colors/PricingMaxCheckColorIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PricingMaxCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PricingMaxCheckColorIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   fill: "none",
   viewBox: "0 0 81 74",
   style: {
@@ -10,7 +12,7 @@ const PricingMaxCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElemen
   },
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#clip0_31334_21996)"
+  clipPath: `url(#${__id}-clip0_31334_21996)`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 81,
   height: 74,
@@ -19,7 +21,7 @@ const PricingMaxCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElemen
   cx: 40,
   cy: 38,
   r: 23,
-  fill: "url(#paint0_linear_31334_21996)"
+  fill: `url(#${__id}-paint0_linear_31334_21996)`
 }), /*#__PURE__*/React.createElement("path", {
   fill: "white",
   stroke: "white",
@@ -82,7 +84,7 @@ const PricingMaxCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElemen
   d: "M70.1513 50.4413C70.2638 50.2743 70.5244 50.3476 70.5333 50.5488L70.5874 51.7924C70.5902 51.8587 70.6244 51.9198 70.6795 51.9567L71.7125 52.6513C71.8796 52.7638 71.8063 53.0244 71.6051 53.0333L70.3615 53.0874C70.2951 53.0902 70.2341 53.1245 70.1971 53.1796L69.5025 54.2126C69.39 54.3796 69.1295 54.3063 69.1206 54.1051L69.0665 52.8615C69.0636 52.7952 69.0294 52.7341 68.9743 52.6971L67.9413 52.0026C67.7742 51.8901 67.8475 51.6295 68.0488 51.6206L69.2924 51.5665C69.3587 51.5637 69.4197 51.5294 69.4567 51.4743L70.1513 50.4413Z",
   clipRule: "evenodd"
 }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-  id: "paint0_linear_31334_21996",
+  id: `${__id}-paint0_linear_31334_21996`,
   x1: 9,
   x2: 75,
   y1: 19,
@@ -94,11 +96,12 @@ const PricingMaxCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElemen
   offset: 1,
   stopColor: "#1E4F98"
 })), /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_31334_21996"
+  id: `${__id}-clip0_31334_21996`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 81,
   height: 74,
   fill: "white"
 }))));
+};
 const ForwardRef = forwardRef(PricingMaxCheckColorIcon);
 export { ForwardRef as PricingMaxCheckColorIcon };

package/colors/PricingProCheckColorIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PricingProCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PricingProCheckColorIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   fill: "none",
   viewBox: "0 0 81 74",
   style: {
@@ -10,7 +12,7 @@ const PricingProCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElemen
   },
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#clip0_31334_22122)"
+  clipPath: `url(#${__id}-clip0_31334_22122)`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 81,
   height: 74,
@@ -19,7 +21,7 @@ const PricingProCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElemen
   cx: 40.5,
   cy: 40,
   r: 23,
-  fill: "url(#paint0_linear_31334_22122)"
+  fill: `url(#${__id}-paint0_linear_31334_22122)`
 }), /*#__PURE__*/React.createElement("path", {
   fill: "white",
   stroke: "white",
@@ -84,7 +86,7 @@ const PricingProCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElemen
   d: "M70.1513 50.4413C70.2638 50.2743 70.5244 50.3476 70.5333 50.5488L70.5874 51.7924C70.5902 51.8587 70.6244 51.9198 70.6795 51.9567L71.7125 52.6513C71.8796 52.7638 71.8063 53.0244 71.6051 53.0333L70.3615 53.0874C70.2951 53.0902 70.2341 53.1245 70.1971 53.1796L69.5025 54.2126C69.39 54.3796 69.1295 54.3063 69.1206 54.1051L69.0665 52.8615C69.0636 52.7952 69.0294 52.7341 68.9743 52.6971L67.9413 52.0026C67.7742 51.8901 67.8475 51.6295 68.0488 51.6206L69.2924 51.5665C69.3587 51.5637 69.4197 51.5294 69.4567 51.4743L70.1513 50.4413Z",
   clipRule: "evenodd"
 }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-  id: "paint0_linear_31334_22122",
+  id: `${__id}-paint0_linear_31334_22122`,
   x1: 9.5,
   x2: 75.5,
   y1: 21,
@@ -96,11 +98,12 @@ const PricingProCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElemen
   offset: 1,
   stopColor: "#BCAFE0"
 })), /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_31334_22122"
+  id: `${__id}-clip0_31334_22122`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 81,
   height: 74,
   fill: "white"
 }))));
+};
 const ForwardRef = forwardRef(PricingProCheckColorIcon);
 export { ForwardRef as PricingProCheckColorIcon };

package/colors/PricingUltraCheckColorIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PricingUltraCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PricingUltraCheckColorIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   fill: "none",
   viewBox: "0 0 92 106",
   style: {
@@ -10,12 +12,12 @@ const PricingUltraCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElem
   },
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#clip0_2987_22241)"
+  clipPath: `url(#${__id}-clip0_2987_22241)`
 }, /*#__PURE__*/React.createElement("circle", {
   cx: 47,
   cy: 53,
   r: 23,
-  fill: "url(#paint0_linear_2987_22241)"
+  fill: `url(#${__id}-paint0_linear_2987_22241)`
 }), /*#__PURE__*/React.createElement("path", {
   fill: "white",
   stroke: "white",
@@ -87,7 +89,7 @@ const PricingUltraCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElem
   d: "M80.6513 63.4418C80.7638 63.2747 81.0244 63.348 81.0333 63.5493L81.0874 64.7929C81.0902 64.8592 81.1244 64.9202 81.1795 64.9572L82.2125 65.6518C82.3796 65.7643 82.3063 66.0249 82.1051 66.0338L80.8615 66.0879C80.7951 66.0907 80.7341 66.1249 80.6971 66.1801L80.0025 67.213C79.89 67.3801 79.6295 67.3068 79.6206 67.1056L79.5665 65.862C79.5636 65.7957 79.5294 65.7346 79.4743 65.6976L78.4413 65.0031C78.2742 64.8905 78.3475 64.63 78.5488 64.6211L79.7924 64.567C79.8587 64.5642 79.9197 64.5299 79.9567 64.4748L80.6513 63.4418Z",
   clipRule: "evenodd"
 }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-  id: "paint0_linear_2987_22241",
+  id: `${__id}-paint0_linear_2987_22241`,
   x1: 16,
   x2: 82,
   y1: 34,
@@ -99,11 +101,12 @@ const PricingUltraCheckColorIcon = (props, ref) => /*#__PURE__*/React.createElem
   offset: 1,
   stopColor: "#707B8B"
 })), /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_2987_22241"
+  id: `${__id}-clip0_2987_22241`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 92,
   height: 106,
   fill: "white"
 }))));
+};
 const ForwardRef = forwardRef(PricingUltraCheckColorIcon);
 export { ForwardRef as PricingUltraCheckColorIcon };

package/colors/RedditColorIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const RedditColorIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   fill: "none",
   viewBox: "0 0 32 32",
   style: {
@@ -13,13 +15,13 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   fill: "#FF4500",
   d: "M16 1.92C8.22304 1.92 1.92004 8.223 1.92004 16C1.92004 19.894 3.49304 23.414 6.04504 25.955L3.36104 28.639C2.83304 29.167 3.20704 30.08 3.95504 30.08H16C23.777 30.08 30.08 23.777 30.08 16C30.08 8.223 23.777 1.92 16 1.92Z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "url(#paint0_radial_367_3368)",
+  fill: `url(#${__id}-paint0_radial_367_3368)`,
   d: "M23.9861 18.8159C25.8026 18.8159 27.2751 17.3433 27.2751 15.5269C27.2751 13.7104 25.8026 12.2379 23.9861 12.2379C22.1697 12.2379 20.6971 13.7104 20.6971 15.5269C20.6971 17.3433 22.1697 18.8159 23.9861 18.8159Z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "url(#paint1_radial_367_3368)",
+  fill: `url(#${__id}-paint1_radial_367_3368)`,
   d: "M8.0141 18.8159C9.83056 18.8159 11.3031 17.3433 11.3031 15.5269C11.3031 13.7104 9.83056 12.2379 8.0141 12.2379C6.19763 12.2379 4.7251 13.7104 4.7251 15.5269C4.7251 17.3433 6.19763 18.8159 8.0141 18.8159Z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "url(#paint2_radial_367_3368)",
+  fill: `url(#${__id}-paint2_radial_367_3368)`,
   d: "M16.0111 25.3829C21.1931 25.3829 25.394 22.231 25.394 18.3429C25.394 14.4548 21.1931 11.3029 16.0111 11.3029C10.829 11.3029 6.62805 14.4548 6.62805 18.3429C6.62805 22.231 10.829 25.3829 16.0111 25.3829Z"
 }), /*#__PURE__*/React.createElement("path", {
   fill: "#842123",
@@ -28,10 +30,10 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   fill: "#842123",
   d: "M22.1161 17.4849C22.1711 18.6729 21.4671 19.2889 20.5431 19.2889C19.6191 19.2889 18.8271 18.8599 18.7721 17.6609C18.7171 16.4729 19.4211 15.5049 20.3451 15.5049C21.2691 15.5049 22.0611 16.2859 22.1161 17.4849Z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "url(#paint3_radial_367_3368)",
+  fill: `url(#${__id}-paint3_radial_367_3368)`,
   d: "M18.7831 17.7709C18.8381 18.8819 19.5751 19.2889 20.4331 19.2889C21.2911 19.2889 21.9511 18.6839 21.9071 17.5619C21.8521 16.4509 21.1151 15.7139 20.2571 15.7139C19.3991 15.7139 18.7281 16.6489 18.7831 17.7709Z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "url(#paint4_radial_367_3368)",
+  fill: `url(#${__id}-paint4_radial_367_3368)`,
   d: "M13.2281 17.7709C13.1731 18.8819 12.4361 19.2889 11.5781 19.2889C10.7201 19.2889 10.0601 18.6839 10.1151 17.5619C10.1701 16.4509 10.9071 15.7139 11.7651 15.7139C12.6231 15.7139 13.2831 16.6489 13.2281 17.7709Z"
 }), /*#__PURE__*/React.createElement("path", {
   fill: "#BBCFDA",
@@ -40,13 +42,13 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   fill: "white",
   d: "M16.011 20.3449C14.845 20.3449 13.734 20.3999 12.711 20.5099C12.535 20.5319 12.425 20.7079 12.491 20.8729C13.063 22.2479 14.427 23.2159 16.011 23.2159C17.595 23.2159 18.959 22.2479 19.531 20.8729C19.597 20.7079 19.487 20.5319 19.311 20.5099C18.277 20.3999 17.166 20.3449 16.011 20.3449Z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "url(#paint5_radial_367_3368)",
+  fill: `url(#${__id}-paint5_radial_367_3368)`,
   d: "M16.0111 20.2019C14.8671 20.2019 13.7781 20.2569 12.7661 20.3559C12.5901 20.3779 12.4801 20.5539 12.5461 20.7079C13.1181 22.0609 14.4491 23.0179 16.0111 23.0179C17.5731 23.0179 18.9041 22.0719 19.4761 20.7079C19.5421 20.5429 19.4321 20.3669 19.2561 20.3559C18.2441 20.2679 17.1551 20.2019 16.0111 20.2019Z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "url(#paint6_radial_367_3368)",
+  fill: `url(#${__id}-paint6_radial_367_3368)`,
   d: "M21.148 10.3569C22.436 10.3569 23.48 9.3128 23.48 8.02487C23.48 6.73694 22.436 5.69287 21.148 5.69287C19.8601 5.69287 18.816 6.73694 18.816 8.02487C18.816 9.3128 19.8601 10.3569 21.148 10.3569Z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "url(#paint7_radial_367_3368)",
+  fill: `url(#${__id}-paint7_radial_367_3368)`,
   d: "M15.978 11.5999C15.703 11.5999 15.472 11.4789 15.472 11.3029C15.472 9.21288 17.166 7.51888 19.256 7.51888C19.531 7.51888 19.762 7.74987 19.762 8.02487C19.762 8.29987 19.531 8.53087 19.256 8.53087C17.727 8.53087 16.484 9.77388 16.484 11.3029C16.484 11.4899 16.253 11.5999 15.978 11.5999Z"
 }), /*#__PURE__*/React.createElement("path", {
   fill: "#FF6101",
@@ -61,7 +63,7 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   fill: "#FFC49C",
   d: "M20.9831 17.1439C21.1836 17.1439 21.3461 16.9666 21.3461 16.7479C21.3461 16.5292 21.1836 16.3519 20.9831 16.3519C20.7826 16.3519 20.6201 16.5292 20.6201 16.7479C20.6201 16.9666 20.7826 17.1439 20.9831 17.1439Z"
 }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("radialGradient", {
-  id: "paint0_radial_367_3368",
+  id: `${__id}-paint0_radial_367_3368`,
   cx: 0,
   cy: 0,
   r: 1,
@@ -103,7 +105,7 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   offset: 0.9,
   stopColor: "#FFEBEF"
 })), /*#__PURE__*/React.createElement("radialGradient", {
-  id: "paint1_radial_367_3368",
+  id: `${__id}-paint1_radial_367_3368`,
   cx: 0,
   cy: 0,
   r: 1,
@@ -145,7 +147,7 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   offset: 0.9,
   stopColor: "#FFEBEF"
 })), /*#__PURE__*/React.createElement("radialGradient", {
-  id: "paint2_radial_367_3368",
+  id: `${__id}-paint2_radial_367_3368`,
   cx: 0,
   cy: 0,
   r: 1,
@@ -187,7 +189,7 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   offset: 0.9,
   stopColor: "#FFEBEF"
 })), /*#__PURE__*/React.createElement("radialGradient", {
-  id: "paint3_radial_367_3368",
+  id: `${__id}-paint3_radial_367_3368`,
   cx: 0,
   cy: 0,
   r: 1,
@@ -211,7 +213,7 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   offset: 1,
   stopColor: "#D4301F"
 })), /*#__PURE__*/React.createElement("radialGradient", {
-  id: "paint4_radial_367_3368",
+  id: `${__id}-paint4_radial_367_3368`,
   cx: 0,
   cy: 0,
   r: 1,
@@ -235,7 +237,7 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   offset: 1,
   stopColor: "#D4301F"
 })), /*#__PURE__*/React.createElement("radialGradient", {
-  id: "paint5_radial_367_3368",
+  id: `${__id}-paint5_radial_367_3368`,
   cx: 0,
   cy: 0,
   r: 1,
@@ -252,7 +254,7 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
 }), /*#__PURE__*/React.createElement("stop", {
   offset: 1
 })), /*#__PURE__*/React.createElement("radialGradient", {
-  id: "paint6_radial_367_3368",
+  id: `${__id}-paint6_radial_367_3368`,
   cx: 0,
   cy: 0,
   r: 1,
@@ -294,7 +296,7 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   offset: 0.9,
   stopColor: "#FFEBEF"
 })), /*#__PURE__*/React.createElement("radialGradient", {
-  id: "paint7_radial_367_3368",
+  id: `${__id}-paint7_radial_367_3368`,
   cx: 0,
   cy: 0,
   r: 1,
@@ -312,5 +314,6 @@ const RedditColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   offset: 0.82,
   stopColor: "#172E35"
 }))));
+};
 const ForwardRef = forwardRef(RedditColorIcon);
 export { ForwardRef as RedditColorIcon };

package/colors/TextDecorationCircleColorIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const TextDecorationCircleColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const TextDecorationCircleColorIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   fill: "none",
   viewBox: "0 0 48 48",
   style: {
@@ -10,7 +12,7 @@ const TextDecorationCircleColorIcon = (props, ref) => /*#__PURE__*/React.createE
   },
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#clip0_66883_24438)"
+  clipPath: `url(#${__id}-clip0_66883_24438)`
 }, /*#__PURE__*/React.createElement("circle", {
   cx: 24,
   cy: 24,
@@ -23,11 +25,12 @@ const TextDecorationCircleColorIcon = (props, ref) => /*#__PURE__*/React.createE
   d: "M16.5242 31.1067H19.2866L13.7619 16H10.5247L5 31.1067H7.7192L8.86299 27.9343H15.3804L16.5242 31.1067ZM9.70464 25.5819L12.057 18.9782H12.1649L14.5388 25.5819H9.70464ZM26.6475 31.3225C25.0289 31.3225 23.9283 30.6103 23.2377 29.7255H23.1298L22.8492 31.1067H20.7559V16H23.2377V21.0284H23.3456C23.9067 20.3162 24.9426 19.5393 26.6475 19.5393C29.5177 19.5393 31.5679 21.5895 31.5679 25.4309C31.5679 29.2723 29.5177 31.3225 26.6475 31.3225ZM26.1511 29.078C27.8128 29.078 29.0861 27.9127 29.0861 25.4309C29.0861 22.9491 27.8128 21.7837 26.1511 21.7837C24.5109 21.7837 23.2377 22.9491 23.2377 25.4309C23.2377 27.9127 24.5109 29.078 26.1511 29.078ZM38.6786 31.3222C35.3983 31.3222 33.2402 29.2073 33.2402 25.4307C33.2402 21.654 35.3983 19.5391 38.6786 19.5391C41.5057 19.5391 43.1027 21.1361 43.7286 23.2726H41.2036C40.6857 22.323 39.9087 21.7835 38.6786 21.7835C36.9737 21.7835 35.722 23.0136 35.722 25.4307C35.722 27.8261 36.9737 29.0778 38.6786 29.0778C39.9087 29.0778 40.6857 28.5383 41.2036 27.5887H43.7286C43.1027 29.7037 41.5057 31.3222 38.6786 31.3222Z",
   clipRule: "evenodd"
 })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_66883_24438"
+  id: `${__id}-clip0_66883_24438`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 48,
   height: 48,
   fill: "white"
 }))));
+};
 const ForwardRef = forwardRef(TextDecorationCircleColorIcon);
 export { ForwardRef as TextDecorationCircleColorIcon };

package/colors/TextDecorationCircleOutlineColorIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const TextDecorationCircleOutlineColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const TextDecorationCircleOutlineColorIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   fill: "none",
   viewBox: "0 0 48 48",
   style: {
@@ -10,7 +12,7 @@ const TextDecorationCircleOutlineColorIcon = (props, ref) => /*#__PURE__*/React.
   },
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#clip0_66883_24468)"
+  clipPath: `url(#${__id}-clip0_66883_24468)`
 }, /*#__PURE__*/React.createElement("circle", {
   cx: 24,
   cy: 24,
@@ -24,11 +26,12 @@ const TextDecorationCircleOutlineColorIcon = (props, ref) => /*#__PURE__*/React.
   d: "M16.5242 31.1067H19.2866L13.7619 16H10.5247L5 31.1067H7.7192L8.86299 27.9343H15.3804L16.5242 31.1067ZM9.70464 25.5819L12.057 18.9782H12.1649L14.5388 25.5819H9.70464ZM26.6475 31.3225C25.0289 31.3225 23.9283 30.6103 23.2377 29.7255H23.1298L22.8492 31.1067H20.7559V16H23.2377V21.0284H23.3456C23.9067 20.3162 24.9426 19.5393 26.6475 19.5393C29.5177 19.5393 31.5679 21.5895 31.5679 25.4309C31.5679 29.2723 29.5177 31.3225 26.6475 31.3225ZM26.1511 29.078C27.8128 29.078 29.0861 27.9127 29.0861 25.4309C29.0861 22.9491 27.8128 21.7837 26.1511 21.7837C24.5109 21.7837 23.2377 22.9491 23.2377 25.4309C23.2377 27.9127 24.5109 29.078 26.1511 29.078ZM38.6786 31.3222C35.3983 31.3222 33.2402 29.2073 33.2402 25.4307C33.2402 21.654 35.3983 19.5391 38.6786 19.5391C41.5057 19.5391 43.1027 21.1361 43.7286 23.2726H41.2036C40.6857 22.323 39.9087 21.7835 38.6786 21.7835C36.9737 21.7835 35.722 23.0136 35.722 25.4307C35.722 27.8261 36.9737 29.0778 38.6786 29.0778C39.9087 29.0778 40.6857 28.5383 41.2036 27.5887H43.7286C43.1027 29.7037 41.5057 31.3222 38.6786 31.3222Z",
   clipRule: "evenodd"
 })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_66883_24468"
+  id: `${__id}-clip0_66883_24468`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 48,
   height: 48,
   fill: "white"
 }))));
+};
 const ForwardRef = forwardRef(TextDecorationCircleOutlineColorIcon);
 export { ForwardRef as TextDecorationCircleOutlineColorIcon };

package/monochromes/AddAccentIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const AddAccentIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const AddAccentIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,7 +13,7 @@ const AddAccentIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Ob
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#clip0_8829_13883)"
+  clipPath: `url(#${__id}-clip0_8829_13883)`
 }, /*#__PURE__*/React.createElement("circle", {
   cx: 12,
   cy: 12,
@@ -20,10 +22,11 @@ const AddAccentIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Ob
 }), /*#__PURE__*/React.createElement("path", {
   d: "M18 11H13V6C13 5.73478 12.8946 5.48043 12.7071 5.29289C12.5196 5.10536 12.2652 5 12 5C11.7348 5 11.4804 5.10536 11.2929 5.29289C11.1054 5.48043 11 5.73478 11 6V11H6C5.73478 11 5.48043 11.1054 5.29289 11.2929C5.10536 11.4804 5 11.7348 5 12C5 12.2652 5.10536 12.5196 5.29289 12.7071C5.48043 12.8946 5.73478 13 6 13H11V18C11 18.2652 11.1054 18.5196 11.2929 18.7071C11.4804 18.8946 11.7348 19 12 19C12.2652 19 12.5196 18.8946 12.7071 18.7071C12.8946 18.5196 13 18.2652 13 18V13H18C18.2652 13 18.5196 12.8946 18.7071 12.7071C18.8946 12.5196 19 12.2652 19 12C19 11.7348 18.8946 11.4804 18.7071 11.2929C18.5196 11.1054 18.2652 11 18 11Z"
 })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_8829_13883"
+  id: `${__id}-clip0_8829_13883`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 24,
   height: 24
 }))));
+};
 const ForwardRef = forwardRef(AddAccentIcon);
 export { ForwardRef as AddAccentIcon };

package/monochromes/AiImagesIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const AiImagesIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const AiImagesIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,7 +13,7 @@ const AiImagesIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Obj
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#clip0_27267_3092)"
+  clipPath: `url(#${__id}-clip0_27267_3092)`
 }, /*#__PURE__*/React.createElement("path", {
   d: "M20.3878 0.280437C20.2645 -0.0934789 19.7355 -0.0934789 19.6122 0.280437L18.8521 2.59169C18.8117 2.71497 18.715 2.81172 18.5917 2.85213L16.2804 3.61221C15.9065 3.73548 15.9065 4.26452 16.2804 4.38779L18.5917 5.14787C18.715 5.18829 18.8117 5.28503 18.8521 5.40831L19.6122 7.71956C19.7355 8.09348 20.2645 8.09348 20.3878 7.71956L21.1479 5.40831C21.1883 5.28503 21.285 5.18829 21.4083 5.14787L23.7196 4.38779C24.0935 4.26452 24.0935 3.73548 23.7196 3.61221L21.4083 2.85213C21.285 2.81172 21.1883 2.71497 21.1479 2.59169L20.3878 0.280437Z"
 }), /*#__PURE__*/React.createElement("path", {
@@ -19,10 +21,11 @@ const AiImagesIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Obj
   d: "M13 3H6C5.20435 3 4.44129 3.31607 3.87868 3.87868C3.31607 4.44129 3 5.20435 3 6V18C3 18.7957 3.31607 19.5587 3.87868 20.1213C4.44129 20.6839 5.20435 21 6 21H18C18.7957 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7957 21 18V11C21 10.4477 20.5523 10 20 10C19.4477 10 19 10.4477 19 11V11.5924C18.4515 11.1017 17.7398 10.8284 17 10.8284C16.2045 10.8284 15.4416 11.1444 14.879 11.7068L14 12.5858L12.1211 10.7069C11.5585 10.1445 10.7955 9.82843 10 9.82843C9.20451 9.82843 8.44158 10.1444 7.879 10.7068L5 13.5858V6C5 5.73478 5.10536 5.48043 5.29289 5.29289C5.48043 5.10536 5.73478 5 6 5H13C13.5523 5 14 4.55228 14 4C14 3.44772 13.5523 3 13 3ZM5 18V16.4142L9.29311 12.1211C9.48062 11.9337 9.73489 11.8284 10 11.8284C10.2651 11.8284 10.5195 11.9338 10.707 12.1212L15.2929 16.7071C15.6834 17.0976 16.3166 17.0976 16.7071 16.7071C17.0976 16.3166 17.0976 15.6834 16.7071 15.2929L15.4142 14L16.2931 13.1211C16.4806 12.9337 16.7349 12.8284 17 12.8284C17.2651 12.8284 17.5195 12.9338 17.707 13.1212L19 14.4142V18C19 18.2652 18.8946 18.5196 18.7071 18.7071C18.5196 18.8946 18.2652 19 18 19H6C5.73478 19 5.48043 18.8946 5.29289 18.7071C5.10536 18.5196 5 18.2652 5 18Z",
   clipRule: "evenodd"
 })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_27267_3092"
+  id: `${__id}-clip0_27267_3092`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 24,
   height: 24
 }))));
+};
 const ForwardRef = forwardRef(AiImagesIcon);
 export { ForwardRef as AiImagesIcon };

package/monochromes/BulbOnIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const BulbOnIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const BulbOnIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,7 +13,7 @@ const BulbOnIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Objec
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#clip0_2831_15283)"
+  clipPath: `url(#${__id}-clip0_2831_15283)`
 }, /*#__PURE__*/React.createElement("path", {
   d: "M13 1C13 0.447715 12.5523 0 12 0C11.4477 0 11 0.447715 11 1V2C11 2.55228 11.4477 3 12 3C12.5523 3 13 2.55228 13 2V1Z"
 }), /*#__PURE__*/React.createElement("path", {
@@ -31,10 +33,11 @@ const BulbOnIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Objec
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19.7071 18.2929C19.3166 17.9024 18.6834 17.9024 18.2929 18.2929C17.9024 18.6834 17.9024 19.3166 18.2929 19.7071L19.2929 20.7071C19.6834 21.0976 20.3166 21.0976 20.7071 20.7071C21.0976 20.3166 21.0976 19.6834 20.7071 19.2929L19.7071 18.2929Z"
 })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_2831_15283"
+  id: `${__id}-clip0_2831_15283`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 24,
   height: 24
 }))));
+};
 const ForwardRef = forwardRef(BulbOnIcon);
 export { ForwardRef as BulbOnIcon };

package/monochromes/ClearCircleIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const ClearCircleIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const ClearCircleIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 20 20",
   style: {
     flexShrink: 0
@@ -11,12 +13,13 @@ const ClearCircleIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  id: "Icon"
+  id: `${__id}-Icon`
 }, /*#__PURE__*/React.createElement("path", {
-  id: "Vector",
+  id: `${__id}-Vector`,
   fillRule: "evenodd",
   d: "M10.0001 3.33341C6.31818 3.33341 3.33341 6.31818 3.33341 10.0001C3.33341 13.682 6.31818 16.6667 10.0001 16.6667C13.682 16.6667 16.6667 13.682 16.6667 10.0001C16.6667 6.31818 13.682 3.33341 10.0001 3.33341ZM1.66675 10.0001C1.66675 5.39771 5.39771 1.66675 10.0001 1.66675C14.6025 1.66675 18.3334 5.39771 18.3334 10.0001C18.3334 14.6025 14.6025 18.3334 10.0001 18.3334C5.39771 18.3334 1.66675 14.6025 1.66675 10.0001ZM6.91083 6.91083C7.23626 6.58539 7.7639 6.58539 8.08934 6.91083L10.0001 8.82157L11.9108 6.91083C12.2363 6.58539 12.7639 6.58539 13.0893 6.91083C13.4148 7.23626 13.4148 7.7639 13.0893 8.08934L11.1786 10.0001L13.0893 11.9108C13.4148 12.2363 13.4148 12.7639 13.0893 13.0893C12.7639 13.4148 12.2363 13.4148 11.9108 13.0893L10.0001 11.1786L8.08934 13.0893C7.7639 13.4148 7.23626 13.4148 6.91083 13.0893C6.58539 12.7639 6.58539 12.2363 6.91083 11.9108L8.82157 10.0001L6.91083 8.08934C6.58539 7.7639 6.58539 7.23626 6.91083 6.91083Z",
   clipRule: "evenodd"
 })));
+};
 const ForwardRef = forwardRef(ClearCircleIcon);
 export { ForwardRef as ClearCircleIcon };

package/monochromes/ClearMediumIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const ClearMediumIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const ClearMediumIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 20 20",
   style: {
     flexShrink: 0
@@ -11,12 +13,13 @@ const ClearMediumIcon = (props, ref) => /*#__PURE__*/React.createElement("svg",
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  id: "Icon: clear_medium"
+  id: `${__id}-Icon: clear_medium`
 }, /*#__PURE__*/React.createElement("path", {
-  id: "Vector",
+  id: `${__id}-Vector`,
   fillRule: "evenodd",
   d: "M4.79289 4.79289C5.18342 4.40237 5.81658 4.40237 6.20711 4.79289L10 8.58579L13.7929 4.79289C14.1834 4.40237 14.8166 4.40237 15.2071 4.79289C15.5976 5.18342 15.5976 5.81658 15.2071 6.20711L11.4142 10L15.2071 13.7929C15.5976 14.1834 15.5976 14.8166 15.2071 15.2071C14.8166 15.5976 14.1834 15.5976 13.7929 15.2071L10 11.4142L6.20711 15.2071C5.81658 15.5976 5.18342 15.5976 4.79289 15.2071C4.40237 14.8166 4.40237 14.1834 4.79289 13.7929L8.58579 10L4.79289 6.20711C4.40237 5.81658 4.40237 5.18342 4.79289 4.79289Z",
   clipRule: "evenodd"
 })));
+};
 const ForwardRef = forwardRef(ClearMediumIcon);
 export { ForwardRef as ClearMediumIcon };

package/monochromes/CommentSelectedAddIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CommentSelectedAddIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CommentSelectedAddIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,7 +13,7 @@ const CommentSelectedAddIcon = (props, ref) => /*#__PURE__*/React.createElement(
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#clip0_30849_3511)"
+  clipPath: `url(#${__id}-clip0_30849_3511)`
 }, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M21.8949 10.5446C21.1538 10.8385 20.3457 11 19.5 11C15.9101 11 13 8.08985 13 4.5C13 3.65427 13.1615 2.84626 13.4554 2.10514C12.9803 2.03587 12.4943 2 12 2C6.47718 2 2.00002 6.47715 2.00002 12C2.00002 13.7057 2.42788 15.3141 3.18258 16.721L2.0385 20.7253C1.93873 21.0745 2.03612 21.4503 2.29292 21.7071C2.54972 21.9639 2.92555 22.0613 3.27475 21.9615L7.27902 20.8174C8.68595 21.5721 10.2943 22 12 22C17.5229 22 22 17.5228 22 12C22 11.5057 21.9642 11.0197 21.8949 10.5446ZM7 10C7 9.44772 7.44772 9 8 9H11C11.5523 9 12 9.44772 12 10C12 10.5523 11.5523 11 11 11H8C7.44772 11 7 10.5523 7 10ZM7 14C7 13.4477 7.44772 13 8 13H14C14.5523 13 15 13.4477 15 14C15 14.5523 14.5523 15 14 15H8C7.44772 15 7 14.5523 7 14Z",
@@ -21,10 +23,11 @@ const CommentSelectedAddIcon = (props, ref) => /*#__PURE__*/React.createElement(
   d: "M24 4.5C24 6.98528 21.9853 9 19.5 9C17.0147 9 15 6.98528 15 4.5C15 2.01472 17.0147 0 19.5 0C21.9853 0 24 2.01472 24 4.5ZM17 4.5C17 4.77612 17.2236 5 17.5 5H19V6.5C19 6.77612 19.2236 7 19.5 7C19.7764 7 20 6.77612 20 6.5V5H21.5C21.6396 5 21.7661 4.94275 21.8569 4.8504C21.9453 4.76019 22 4.63647 22 4.5C22 4.22388 21.7764 4 21.5 4H20V2.5C20 2.22388 19.7764 2 19.5 2C19.2236 2 19 2.22388 19 2.5V4H17.5C17.2236 4 17 4.22388 17 4.5Z",
   clipRule: "evenodd"
 })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_30849_3511"
+  id: `${__id}-clip0_30849_3511`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 24,
   height: 24
 }))));
+};
 const ForwardRef = forwardRef(CommentSelectedAddIcon);
 export { ForwardRef as CommentSelectedAddIcon };

package/monochromes/CopyIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CopyIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CopyIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,9 +13,9 @@ const CopyIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  id: "Copy"
+  id: `${__id}-Copy`
 }, /*#__PURE__*/React.createElement("g", {
-  id: "Vector"
+  id: `${__id}-Vector`
 }, /*#__PURE__*/React.createElement("path", {
   d: "M12 3H5C3.89543 3 3 3.89543 3 5V12C3 13.1046 3.89543 14 5 14C5.55228 14 6 14.4477 6 15C6 15.5523 5.55228 16 5 16C2.79086 16 1 14.2091 1 12V5C1 2.79086 2.79086 1 5 1H12C14.2091 1 16 2.79086 16 5C16 5.55228 15.5523 6 15 6C14.4477 6 14 5.55228 14 5C14 3.89543 13.1046 3 12 3Z"
 }), /*#__PURE__*/React.createElement("path", {
@@ -21,5 +23,6 @@ const CopyIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.
   d: "M8 12C8 9.79086 9.79086 8 12 8H19C21.2091 8 23 9.79086 23 12V19C23 21.2091 21.2091 23 19 23H12C9.79086 23 8 21.2091 8 19V12ZM12 10H19C20.1046 10 21 10.8954 21 12V19C21 20.1046 20.1046 21 19 21H12C10.8954 21 10 20.1046 10 19V12C10 10.8954 10.8954 10 12 10Z",
   clipRule: "evenodd"
 }))));
+};
 const ForwardRef = forwardRef(CopyIcon);
 export { ForwardRef as CopyIcon };