add key props to icon paths

2025-03-17 13:21:44 +01:00 · 2025-01-24 11:35:51 -06:00 · 2025-01-24 11:35:51 -06:00 · bccf7c3c6b
commit bccf7c3c6b
parent 5b6a0bf657
1178 changed files with 1274 additions and 9 deletions
--- a/package.json
+++ b/package.json
@ -63,7 +63,6 @@
    "blurhash": "^2.0.5",
    "canvas-confetti": "^1.9.3",
    "chart.js": "^4.4.7",
-    "cheerio": "^1.0.0",
    "chroma-js": "^2.6.0",
    "codemirror": "^6.0.1",
    "codemirror-json-schema": "^0.7.9",
@ -162,6 +161,7 @@
    "@types/zen-observable": "^0.8.7",
    "@vitejs/plugin-react": "^4.3.4",
    "camelcase": "^8.0.0",
+    "cheerio": "^1.0.0",
    "eventemitter3": "^5.0.1",
    "typescript": "^5.7.3",
    "vite": "^5.4.14",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -144,9 +144,6 @@ importers:
      chart.js:
        specifier: ^4.4.7
        version: 4.4.7
-      cheerio:
-        specifier: ^1.0.0
-        version: 1.0.0
      chroma-js:
        specifier: ^2.6.0
        version: 2.6.0
@ -413,10 +410,10 @@ importers:
        specifier: ^0.6.8
        version: 0.6.8
      '@types/react':
-        specifier: ^18.3.18
+        specifier: ^18.2.22
        version: 18.3.18
      '@types/react-dom':
-        specifier: ^18.3.5
+        specifier: ^18.2.7
        version: 18.3.5(@types/react@18.3.18)
      '@types/react-window':
        specifier: ^1.8.8
@ -436,6 +433,9 @@ importers:
      camelcase:
        specifier: ^8.0.0
        version: 8.0.0
+      cheerio:
+        specifier: ^1.0.0
+        version: 1.0.0
      eventemitter3:
        specifier: ^5.0.1
        version: 5.0.1
--- a/scripts/build-icons.mjs
+++ b/scripts/build-icons.mjs
@ -1,8 +1,9 @@
-import cheerio from "cheerio";
+import * as cheerio from "cheerio";
 import fs from "fs/promises";
 import path from "path";
 import camelcase from "camelcase";
 import * as prettier from "prettier";
+import { nanoid } from "nanoid";

 const prettierConfig = JSON.parse(await fs.readFile(".prettierrc", { encoding: "utf-8" }));

@ -36,6 +37,9 @@ for (const filename of iconsList) {
      path.attribs["fill"] = "currentColor";
    } else path.attribs["fill"] = "none";

+    // add a "key" attribute to make react happy
+    path.attribs["key"] = nanoid(4);
+
    paths.push($.html(path));
  }

--- a/src/components/icons/activity-heart.tsx
+++ b/src/components/icons/activity-heart.tsx
@ -11,6 +11,7 @@ const ActivityHeart = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="vzuI"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/activity.tsx
+++ b/src/components/icons/activity.tsx
@ -11,6 +11,7 @@ const Activity = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="qB4r"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/airplay.tsx
+++ b/src/components/icons/airplay.tsx
@ -11,6 +11,7 @@ const Airplay = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="Kic8"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/airpods.tsx
+++ b/src/components/icons/airpods.tsx
@ -11,6 +11,7 @@ const Airpods = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="pAoq"
    ></path>,
    <path
      d="M22 7.625C22 9.90317 20.1532 11.75 17.875 11.75C17.5691 11.75 17.4162 11.75 17.3369 11.7773C17.1711 11.8345 17.0845 11.9211 17.0273 12.0869C17 12.1662 17 12.2903 17 12.5386V18.875C17 19.7725 16.2725 20.5 15.375 20.5C14.4775 20.5 13.75 19.7725 13.75 18.875V7.625C13.75 5.34683 15.5968 3.5 17.875 3.5C20.1532 3.5 22 5.34683 22 7.625Z"
@ -19,6 +20,7 @@ const Airpods = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="XdWI"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/alarm-clock-check.tsx
+++ b/src/components/icons/alarm-clock-check.tsx
@ -11,6 +11,7 @@ const AlarmClockCheck = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="DkUs"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/alarm-clock-minus.tsx
+++ b/src/components/icons/alarm-clock-minus.tsx
@ -11,6 +11,7 @@ const AlarmClockMinus = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="-hY4"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/alarm-clock-off.tsx
+++ b/src/components/icons/alarm-clock-off.tsx
@ -11,6 +11,7 @@ const AlarmClockOff = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="MQfZ"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/alarm-clock-plus.tsx
+++ b/src/components/icons/alarm-clock-plus.tsx
@ -11,6 +11,7 @@ const AlarmClockPlus = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="y9VM"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/alarm-clock.tsx
+++ b/src/components/icons/alarm-clock.tsx
@ -11,6 +11,7 @@ const AlarmClock = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="w-Tp"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/alert-circle.tsx
+++ b/src/components/icons/alert-circle.tsx
@ -11,6 +11,7 @@ const AlertCircle = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="Ik-G"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/alert-hexagon.tsx
+++ b/src/components/icons/alert-hexagon.tsx
@ -11,6 +11,7 @@ const AlertHexagon = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="fPPk"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/alert-octagon.tsx
+++ b/src/components/icons/alert-octagon.tsx
@ -11,6 +11,7 @@ const AlertOctagon = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="q8Ia"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/alert-square.tsx
+++ b/src/components/icons/alert-square.tsx
@ -11,6 +11,7 @@ const AlertSquare = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="VBNi"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/alert-triangle.tsx
+++ b/src/components/icons/alert-triangle.tsx
@ -11,6 +11,7 @@ const AlertTriangle = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="6ZeA"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-bottom-01.tsx
+++ b/src/components/icons/align-bottom-01.tsx
@ -11,6 +11,7 @@ const AlignBottom01 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="9a8x"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-bottom-02.tsx
+++ b/src/components/icons/align-bottom-02.tsx
@ -11,6 +11,7 @@ const AlignBottom02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="39WB"
    ></path>,
    <path
      d="M20 18V10C20 9.06812 20 8.60218 19.8478 8.23463C19.6448 7.74458 19.2554 7.35523 18.7654 7.15224C18.3978 7 17.9319 7 17 7C16.0681 7 15.6022 7 15.2346 7.15224C14.7446 7.35523 14.3552 7.74458 14.1522 8.23463C14 8.60218 14 9.06812 14 10V18C14 18.9319 14 19.3978 14.1522 19.7654C14.3552 20.2554 14.7446 20.6448 15.2346 20.8478C15.6022 21 16.0681 21 17 21C17.9319 21 18.3978 21 18.7654 20.8478C19.2554 20.6448 19.6448 20.2554 19.8478 19.7654C20 19.3978 20 18.9319 20 18Z"
@ -19,6 +20,7 @@ const AlignBottom02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="rxTD"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-center.tsx
+++ b/src/components/icons/align-center.tsx
@ -11,6 +11,7 @@ const AlignCenter = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="eUhx"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-horizontal-centre-01.tsx
+++ b/src/components/icons/align-horizontal-centre-01.tsx
@ -11,6 +11,7 @@ const AlignHorizontalCentre01 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="ZOx4"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-horizontal-centre-02.tsx
+++ b/src/components/icons/align-horizontal-centre-02.tsx
@ -11,6 +11,7 @@ const AlignHorizontalCentre02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="aKBI"
    ></path>,
    <path
      d="M18 20C18.9319 20 19.3978 20 19.7654 19.8478C20.2554 19.6448 20.6448 19.2554 20.8478 18.7654C21 18.3978 21 17.9319 21 17C21 16.0681 21 15.6022 20.8478 15.2346C20.6448 14.7446 20.2554 14.3552 19.7654 14.1522C19.3978 14 18.9319 14 18 14H6C5.06812 14 4.60218 14 4.23463 14.1522C3.74458 14.3552 3.35523 14.7446 3.15224 15.2346C3 15.6022 3 16.0681 3 17C3 17.9319 3 18.3978 3.15224 18.7654C3.35523 19.2554 3.74458 19.6448 4.23463 19.8478C4.60218 20 5.06812 20 6 20L18 20Z"
@ -19,6 +20,7 @@ const AlignHorizontalCentre02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="3TBQ"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-justify.tsx
+++ b/src/components/icons/align-justify.tsx
@ -11,6 +11,7 @@ const AlignJustify = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="zI5_"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-left-01.tsx
+++ b/src/components/icons/align-left-01.tsx
@ -11,6 +11,7 @@ const AlignLeft01 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="8q8I"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-left-02.tsx
+++ b/src/components/icons/align-left-02.tsx
@ -11,6 +11,7 @@ const AlignLeft02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="Tp9P"
    ></path>,
    <path
      d="M18 20C18.9319 20 19.3978 20 19.7654 19.8478C20.2554 19.6448 20.6448 19.2554 20.8478 18.7654C21 18.3978 21 17.9319 21 17C21 16.0681 21 15.6022 20.8478 15.2346C20.6448 14.7446 20.2554 14.3552 19.7654 14.1522C19.3978 14 18.9319 14 18 14H6C5.06812 14 4.60218 14 4.23463 14.1522C3.74458 14.3552 3.35523 14.7446 3.15224 15.2346C3 15.6022 3 16.0681 3 17C3 17.9319 3 18.3978 3.15224 18.7654C3.35523 19.2554 3.74458 19.6448 4.23463 19.8478C4.60218 20 5.06812 20 6 20L18 20Z"
@ -19,6 +20,7 @@ const AlignLeft02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="iEAz"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-left.tsx
+++ b/src/components/icons/align-left.tsx
@ -11,6 +11,7 @@ const AlignLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="2Lri"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-right-01.tsx
+++ b/src/components/icons/align-right-01.tsx
@ -11,6 +11,7 @@ const AlignRight01 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="-HDc"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-right-02.tsx
+++ b/src/components/icons/align-right-02.tsx
@ -11,6 +11,7 @@ const AlignRight02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="PNi1"
    ></path>,
    <path
      d="M18 20C18.9319 20 19.3978 20 19.7654 19.8478C20.2554 19.6448 20.6448 19.2554 20.8478 18.7654C21 18.3978 21 17.9319 21 17C21 16.0681 21 15.6022 20.8478 15.2346C20.6448 14.7446 20.2554 14.3552 19.7654 14.1522C19.3978 14 18.9319 14 18 14H6C5.06812 14 4.60218 14 4.23463 14.1522C3.74458 14.3552 3.35523 14.7446 3.15224 15.2346C3 15.6022 3 16.0681 3 17C3 17.9319 3 18.3978 3.15224 18.7654C3.35523 19.2554 3.74458 19.6448 4.23463 19.8478C4.60218 20 5.06812 20 6 20L18 20Z"
@ -19,6 +20,7 @@ const AlignRight02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="L4jG"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-right.tsx
+++ b/src/components/icons/align-right.tsx
@ -11,6 +11,7 @@ const AlignRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="thMu"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-top-01.tsx
+++ b/src/components/icons/align-top-01.tsx
@ -11,6 +11,7 @@ const AlignTop01 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="w9N9"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-top-02.tsx
+++ b/src/components/icons/align-top-02.tsx
@ -11,6 +11,7 @@ const AlignTop02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="W2Mh"
    ></path>,
    <path
      d="M20 14V6C20 5.06812 20 4.60218 19.8478 4.23463C19.6448 3.74458 19.2554 3.35523 18.7654 3.15224C18.3978 3 17.9319 3 17 3C16.0681 3 15.6022 3 15.2346 3.15224C14.7446 3.35523 14.3552 3.74458 14.1522 4.23463C14 4.60218 14 5.06812 14 6V14C14 14.9319 14 15.3978 14.1522 15.7654C14.3552 16.2554 14.7446 16.6448 15.2346 16.8478C15.6022 17 16.0681 17 17 17C17.9319 17 18.3978 17 18.7654 16.8478C19.2554 16.6448 19.6448 16.2554 19.8478 15.7654C20 15.3978 20 14.9319 20 14Z"
@ -19,6 +20,7 @@ const AlignTop02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="fQhz"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-vertical-center-01.tsx
+++ b/src/components/icons/align-vertical-center-01.tsx
@ -11,6 +11,7 @@ const AlignVerticalCenter01 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="xRX8"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/align-vertical-center-02.tsx
+++ b/src/components/icons/align-vertical-center-02.tsx
@ -11,6 +11,7 @@ const AlignVerticalCenter02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="SXkh"
    ></path>,
    <path
      d="M20 16V8C20 7.06812 20 6.60218 19.8478 6.23463C19.6448 5.74458 19.2554 5.35523 18.7654 5.15224C18.3978 5 17.9319 5 17 5C16.0681 5 15.6022 5 15.2346 5.15224C14.7446 5.35523 14.3552 5.74458 14.1522 6.23463C14 6.60218 14 7.06812 14 8V16C14 16.9319 14 17.3978 14.1522 17.7654C14.3552 18.2554 14.7446 18.6448 15.2346 18.8478C15.6022 19 16.0681 19 17 19C17.9319 19 18.3978 19 18.7654 18.8478C19.2554 18.6448 19.6448 18.2554 19.8478 17.7654C20 17.3978 20 16.9319 20 16Z"
@ -19,6 +20,7 @@ const AlignVerticalCenter02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="Wire"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/anchor.tsx
+++ b/src/components/icons/anchor.tsx
@ -11,6 +11,7 @@ const Anchor = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="a2dC"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/annotation-alert.tsx
+++ b/src/components/icons/annotation-alert.tsx
@ -11,6 +11,7 @@ const AnnotationAlert = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="EOb0"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/annotation-check.tsx
+++ b/src/components/icons/annotation-check.tsx
@ -11,6 +11,7 @@ const AnnotationCheck = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="Y03f"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/annotation-dots.tsx
+++ b/src/components/icons/annotation-dots.tsx
@ -11,6 +11,7 @@ const AnnotationDots = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="5Y0t"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/annotation-heart.tsx
+++ b/src/components/icons/annotation-heart.tsx
@ -11,6 +11,7 @@ const AnnotationHeart = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="crCp"
    ></path>,
    <path
      d="M11.9973 8.33059C11.1975 7.4216 9.8639 7.17708 8.86188 8.00945C7.85986 8.84182 7.71879 10.2335 8.50568 11.2179C8.97361 11.8033 10.1197 12.8531 10.9719 13.6079C11.3237 13.9195 11.4996 14.0753 11.7114 14.1385C11.8925 14.1926 12.102 14.1926 12.2832 14.1385C12.4949 14.0753 12.6708 13.9195 13.0226 13.6079C13.8748 12.8531 15.0209 11.8033 15.4888 11.2179C16.2757 10.2335 16.1519 8.83306 15.1326 8.00945C14.1134 7.18584 12.797 7.4216 11.9973 8.33059Z"
@ -21,6 +22,7 @@ const AnnotationHeart = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="GfD-"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/annotation-info.tsx
+++ b/src/components/icons/annotation-info.tsx
@ -11,6 +11,7 @@ const AnnotationInfo = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="xdA9"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/annotation-plus.tsx
+++ b/src/components/icons/annotation-plus.tsx
@ -11,6 +11,7 @@ const AnnotationPlus = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="IZ5O"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/annotation-question.tsx
+++ b/src/components/icons/annotation-question.tsx
@ -11,6 +11,7 @@ const AnnotationQuestion = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="WZZV"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/annotation-x.tsx
+++ b/src/components/icons/annotation-x.tsx
@ -11,6 +11,7 @@ const AnnotationX = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="hyUo"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/annotation.tsx
+++ b/src/components/icons/annotation.tsx
@ -11,6 +11,7 @@ const Annotation = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="07M1"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/announcement-01.tsx
+++ b/src/components/icons/announcement-01.tsx
@ -11,6 +11,7 @@ const Announcement01 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="DRby"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/announcement-02.tsx
+++ b/src/components/icons/announcement-02.tsx
@ -11,6 +11,7 @@ const Announcement02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="KfdI"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/announcement-03.tsx
+++ b/src/components/icons/announcement-03.tsx
@ -11,6 +11,7 @@ const Announcement03 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="nDU1"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/archive.tsx
+++ b/src/components/icons/archive.tsx
@ -11,6 +11,7 @@ const Archive = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="tbZB"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-block-down.tsx
+++ b/src/components/icons/arrow-block-down.tsx
@ -11,6 +11,7 @@ const ArrowBlockDown = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="UbI2"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-block-left.tsx
+++ b/src/components/icons/arrow-block-left.tsx
@ -11,6 +11,7 @@ const ArrowBlockLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="L2Rg"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-block-right.tsx
+++ b/src/components/icons/arrow-block-right.tsx
@ -11,6 +11,7 @@ const ArrowBlockRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="XXqb"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-block-up.tsx
+++ b/src/components/icons/arrow-block-up.tsx
@ -11,6 +11,7 @@ const ArrowBlockUp = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="eDpR"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-broken-down-left.tsx
+++ b/src/components/icons/arrow-circle-broken-down-left.tsx
@ -11,6 +11,7 @@ const ArrowCircleBrokenDownLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="T4gs"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-broken-down-right.tsx
+++ b/src/components/icons/arrow-circle-broken-down-right.tsx
@ -11,6 +11,7 @@ const ArrowCircleBrokenDownRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="_HNC"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-broken-down.tsx
+++ b/src/components/icons/arrow-circle-broken-down.tsx
@ -11,6 +11,7 @@ const ArrowCircleBrokenDown = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="iONi"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-broken-left.tsx
+++ b/src/components/icons/arrow-circle-broken-left.tsx
@ -11,6 +11,7 @@ const ArrowCircleBrokenLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="WGwk"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-broken-right.tsx
+++ b/src/components/icons/arrow-circle-broken-right.tsx
@ -11,6 +11,7 @@ const ArrowCircleBrokenRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="lHz1"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-broken-up-left.tsx
+++ b/src/components/icons/arrow-circle-broken-up-left.tsx
@ -11,6 +11,7 @@ const ArrowCircleBrokenUpLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="YWoa"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-broken-up-right.tsx
+++ b/src/components/icons/arrow-circle-broken-up-right.tsx
@ -11,6 +11,7 @@ const ArrowCircleBrokenUpRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="khYE"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-broken-up.tsx
+++ b/src/components/icons/arrow-circle-broken-up.tsx
@ -11,6 +11,7 @@ const ArrowCircleBrokenUp = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="g2_7"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-down-left.tsx
+++ b/src/components/icons/arrow-circle-down-left.tsx
@ -11,6 +11,7 @@ const ArrowCircleDownLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="PvsE"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-down-right.tsx
+++ b/src/components/icons/arrow-circle-down-right.tsx
@ -11,6 +11,7 @@ const ArrowCircleDownRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="E1D4"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-down.tsx
+++ b/src/components/icons/arrow-circle-down.tsx
@ -11,6 +11,7 @@ const ArrowCircleDown = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="ydc8"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-left.tsx
+++ b/src/components/icons/arrow-circle-left.tsx
@ -11,6 +11,7 @@ const ArrowCircleLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="3X39"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-right.tsx
+++ b/src/components/icons/arrow-circle-right.tsx
@ -11,6 +11,7 @@ const ArrowCircleRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="c-G_"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-up-left.tsx
+++ b/src/components/icons/arrow-circle-up-left.tsx
@ -11,6 +11,7 @@ const ArrowCircleUpLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="BjNS"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-up-right.tsx
+++ b/src/components/icons/arrow-circle-up-right.tsx
@ -11,6 +11,7 @@ const ArrowCircleUpRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="IxlZ"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-circle-up.tsx
+++ b/src/components/icons/arrow-circle-up.tsx
@ -11,6 +11,7 @@ const ArrowCircleUp = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="3a7Y"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-down-left.tsx
+++ b/src/components/icons/arrow-down-left.tsx
@ -11,6 +11,7 @@ const ArrowDownLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="ov54"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-down-right.tsx
+++ b/src/components/icons/arrow-down-right.tsx
@ -11,6 +11,7 @@ const ArrowDownRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="WEl7"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-down.tsx
+++ b/src/components/icons/arrow-down.tsx
@ -11,6 +11,7 @@ const ArrowDown = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="GPB2"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-left.tsx
+++ b/src/components/icons/arrow-left.tsx
@ -11,6 +11,7 @@ const ArrowLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="ci3U"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-narrow-down-left.tsx
+++ b/src/components/icons/arrow-narrow-down-left.tsx
@ -11,6 +11,7 @@ const ArrowNarrowDownLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="G5KK"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-narrow-down-right.tsx
+++ b/src/components/icons/arrow-narrow-down-right.tsx
@ -11,6 +11,7 @@ const ArrowNarrowDownRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="KLKz"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-narrow-down.tsx
+++ b/src/components/icons/arrow-narrow-down.tsx
@ -11,6 +11,7 @@ const ArrowNarrowDown = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="4G3Y"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-narrow-left.tsx
+++ b/src/components/icons/arrow-narrow-left.tsx
@ -11,6 +11,7 @@ const ArrowNarrowLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="GeMK"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-narrow-right.tsx
+++ b/src/components/icons/arrow-narrow-right.tsx
@ -11,6 +11,7 @@ const ArrowNarrowRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="xJVx"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-narrow-up-left.tsx
+++ b/src/components/icons/arrow-narrow-up-left.tsx
@ -11,6 +11,7 @@ const ArrowNarrowUpLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="S89v"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-narrow-up-right.tsx
+++ b/src/components/icons/arrow-narrow-up-right.tsx
@ -11,6 +11,7 @@ const ArrowNarrowUpRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="e3gy"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-narrow-up.tsx
+++ b/src/components/icons/arrow-narrow-up.tsx
@ -11,6 +11,7 @@ const ArrowNarrowUp = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="daZm"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-right.tsx
+++ b/src/components/icons/arrow-right.tsx
@ -11,6 +11,7 @@ const ArrowRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="uSDv"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-square-down-left.tsx
+++ b/src/components/icons/arrow-square-down-left.tsx
@ -11,6 +11,7 @@ const ArrowSquareDownLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="2-Wh"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-square-down-right.tsx
+++ b/src/components/icons/arrow-square-down-right.tsx
@ -11,6 +11,7 @@ const ArrowSquareDownRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="ZqNT"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-square-down.tsx
+++ b/src/components/icons/arrow-square-down.tsx
@ -11,6 +11,7 @@ const ArrowSquareDown = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="QzxU"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-square-left.tsx
+++ b/src/components/icons/arrow-square-left.tsx
@ -11,6 +11,7 @@ const ArrowSquareLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="QyR0"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-square-right.tsx
+++ b/src/components/icons/arrow-square-right.tsx
@ -11,6 +11,7 @@ const ArrowSquareRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="Pw7l"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-square-up-left.tsx
+++ b/src/components/icons/arrow-square-up-left.tsx
@ -11,6 +11,7 @@ const ArrowSquareUpLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="FEEA"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-square-up-right.tsx
+++ b/src/components/icons/arrow-square-up-right.tsx
@ -11,6 +11,7 @@ const ArrowSquareUpRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="BZgi"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-square-up.tsx
+++ b/src/components/icons/arrow-square-up.tsx
@ -11,6 +11,7 @@ const ArrowSquareUp = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="PPiG"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-up-left.tsx
+++ b/src/components/icons/arrow-up-left.tsx
@ -11,6 +11,7 @@ const ArrowUpLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="TUrQ"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-up-right.tsx
+++ b/src/components/icons/arrow-up-right.tsx
@ -11,6 +11,7 @@ const ArrowUpRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="N__i"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrow-up.tsx
+++ b/src/components/icons/arrow-up.tsx
@ -11,6 +11,7 @@ const ArrowUp = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="Dcpt"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrows-down.tsx
+++ b/src/components/icons/arrows-down.tsx
@ -11,6 +11,7 @@ const ArrowsDown = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="hbFL"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrows-left.tsx
+++ b/src/components/icons/arrows-left.tsx
@ -11,6 +11,7 @@ const ArrowsLeft = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="PhfT"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrows-right.tsx
+++ b/src/components/icons/arrows-right.tsx
@ -11,6 +11,7 @@ const ArrowsRight = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="vjOT"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrows-triangle.tsx
+++ b/src/components/icons/arrows-triangle.tsx
@ -11,6 +11,7 @@ const ArrowsTriangle = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="9SxE"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/arrows-up.tsx
+++ b/src/components/icons/arrows-up.tsx
@ -11,6 +11,7 @@ const ArrowsUp = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="Icfi"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/asterisk-01.tsx
+++ b/src/components/icons/asterisk-01.tsx
@ -11,6 +11,7 @@ const Asterisk01 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="CeNX"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/asterisk-02.tsx
+++ b/src/components/icons/asterisk-02.tsx
@ -11,6 +11,7 @@ const Asterisk02 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="yKaY"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/at-sign.tsx
+++ b/src/components/icons/at-sign.tsx
@ -11,6 +11,7 @@ const AtSign = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="XEEz"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/src/components/icons/atom-01.tsx
+++ b/src/components/icons/atom-01.tsx
@ -11,6 +11,7 @@ const Atom01 = createIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      fill="none"
+      key="ry29"
    ></path>,
  ],
  defaultProps: { boxSize: 4 },
--- a/Show More
+++ b/Show More