droplinked-editor-configs 1.8.0

package/src/assets/icon/Navigation/GripMove/GripmoveMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const GripmoveMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M7.50033 4.99996H7.50866M12.5003 4.99996H12.5087M12.5003 9.99996H12.5087M7.50033 9.99996H7.50866M7.50033 15H7.50866M12.5003 15H12.5087M8.33366 4.99996C8.33366 5.46019 7.96056 5.83329 7.50033 5.83329C7.04009 5.83329 6.66699 5.46019 6.66699 4.99996C6.66699 4.53973 7.04009 4.16663 7.50033 4.16663C7.96056 4.16663 8.33366 4.53973 8.33366 4.99996ZM13.3337 4.99996C13.3337 5.46019 12.9606 5.83329 12.5003 5.83329C12.0401 5.83329 11.667 5.46019 11.667 4.99996C11.667 4.53973 12.0401 4.16663 12.5003 4.16663C12.9606 4.16663 13.3337 4.53973 13.3337 4.99996ZM8.33366 9.99996C8.33366 10.4602 7.96056 10.8333 7.50033 10.8333C7.04009 10.8333 6.66699 10.4602 6.66699 9.99996C6.66699 9.53971 7.04009 9.16663 7.50033 9.16663C7.96056 9.16663 8.33366 9.53971 8.33366 9.99996ZM13.3337 9.99996C13.3337 10.4602 12.9606 10.8333 12.5003 10.8333C12.0401 10.8333 11.667 10.4602 11.667 9.99996C11.667 9.53971 12.0401 9.16663 12.5003 9.16663C12.9606 9.16663 13.3337 9.53971 13.3337 9.99996ZM8.33366 15C8.33366 15.4602 7.96056 15.8333 7.50033 15.8333C7.04009 15.8333 6.66699 15.4602 6.66699 15C6.66699 14.5397 7.04009 14.1666 7.50033 14.1666C7.96056 14.1666 8.33366 14.5397 8.33366 15ZM13.3337 15C13.3337 15.4602 12.9606 15.8333 12.5003 15.8333C12.0401 15.8333 11.667 15.4602 11.667 15C11.667 14.5397 12.0401 14.1666 12.5003 14.1666C12.9606 14.1666 13.3337 14.5397 13.3337 15Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/GripMove/GripmoveSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const GripmoveSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M5.99967 4.00004H6.00634M9.99967 4.00004H10.0063M9.99967 8.00004H10.0063M5.99967 8.00004H6.00634M5.99967 12H6.00634M9.99967 12H10.0063M6.66634 4.00004C6.66634 4.36823 6.36786 4.66671 5.99967 4.66671C5.63149 4.66671 5.33301 4.36823 5.33301 4.00004C5.33301 3.63185 5.63149 3.33337 5.99967 3.33337C6.36786 3.33337 6.66634 3.63185 6.66634 4.00004ZM10.6663 4.00004C10.6663 4.36823 10.3679 4.66671 9.99967 4.66671C9.63147 4.66671 9.33301 4.36823 9.33301 4.00004C9.33301 3.63185 9.63147 3.33337 9.99967 3.33337C10.3679 3.33337 10.6663 3.63185 10.6663 4.00004ZM6.66634 8.00004C6.66634 8.36824 6.36786 8.66671 5.99967 8.66671C5.63149 8.66671 5.33301 8.36824 5.33301 8.00004C5.33301 7.63184 5.63149 7.33337 5.99967 7.33337C6.36786 7.33337 6.66634 7.63184 6.66634 8.00004ZM10.6663 8.00004C10.6663 8.36824 10.3679 8.66671 9.99967 8.66671C9.63147 8.66671 9.33301 8.36824 9.33301 8.00004C9.33301 7.63184 9.63147 7.33337 9.99967 7.33337C10.3679 7.33337 10.6663 7.63184 10.6663 8.00004ZM6.66634 12C6.66634 12.3682 6.36786 12.6667 5.99967 12.6667C5.63149 12.6667 5.33301 12.3682 5.33301 12C5.33301 11.6318 5.63149 11.3334 5.99967 11.3334C6.36786 11.3334 6.66634 11.6318 6.66634 12ZM10.6663 12C10.6663 12.3682 10.3679 12.6667 9.99967 12.6667C9.63147 12.6667 9.33301 12.3682 9.33301 12C9.33301 11.6318 9.63147 11.3334 9.99967 11.3334C10.3679 11.3334 10.6663 11.6318 10.6663 12Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/HamburgerMenu/HamburgermenuLg.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HamburgermenuLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M5 7H19" stroke={color} strokeWidth="2" strokeLinecap="round" />
+        <path d="M5 17H19" stroke={color} strokeWidth="2" strokeLinecap="round" />
+        <path d="M5 12H19" stroke={color} strokeWidth="2" strokeLinecap="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/HamburgerMenu/HamburgermenuMd.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HamburgermenuMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M4.1665 5.83337H15.8332" stroke={color} strokeWidth="1.5" strokeLinecap="round" />
+        <path d="M4.1665 14.1666H15.8332" stroke={color} strokeWidth="1.5" strokeLinecap="round" />
+        <path d="M4.1665 10H15.8332" stroke={color} strokeWidth="1.5" strokeLinecap="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/HamburgerMenu/HamburgermenuSm.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const HamburgermenuSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.3335 4.66663H12.6668" stroke={color} strokeLinecap="round" />
+        <path d="M3.3335 11.3334H12.6668" stroke={color} strokeLinecap="round" />
+        <path d="M3.3335 8H12.6668" stroke={color} strokeLinecap="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/List/ListLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ListLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M8 6L21 6.00078M8 12L21 12.0008M8 18L21 18.0007M3 6.5H4V5.5H3V6.5ZM3 12.5H4V11.5H3V12.5ZM3 18.5H4V17.5H3V18.5Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/List/ListMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ListMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M6.66667 5.00004L17.5 5.00069M6.66667 10L17.5 10.0007M6.66667 15L17.5 15.0006M2.5 5.41671H3.33333V4.58337H2.5V5.41671ZM2.5 10.4167H3.33333V9.58337H2.5V10.4167ZM2.5 15.4167H3.33333V14.5834H2.5V15.4167Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/List/ListSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const ListSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M5.33333 3.99996L14 4.00048M5.33333 7.99996L14 8.00049M5.33333 12L14 12.0004M2 4.33329H2.66667V3.66663H2V4.33329ZM2 8.33329H2.66667V7.66663H2V8.33329ZM2 12.3333H2.66667V11.6666H2V12.3333Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/Maximize/MaximizeLg.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const MaximizeLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M15 3H21V9" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9 21H3V15" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M21 3L14 10" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3 21L10 14" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9 3H3V9" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M15 21H21V15" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3 3L10 10" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M21 21L14 14" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/Maximize/MaximizeMd.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const MaximizeMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M12.5 2.5H17.5V7.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M7.5 17.5H2.5V12.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.4998 2.5L11.6665 8.33333" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2.5 17.5L8.33333 11.6666" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M7.5 2.5H2.5V7.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12.5 17.5H17.5V12.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2.50016 2.5L8.3335 8.33333" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.5 17.5L11.6667 11.6666" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/Maximize/MaximizeSm.tsx

@@ -0,0 +1,16 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const MaximizeSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M10 2H14V6" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6 14H2V10" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.0002 2L9.3335 6.66667" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2 14L6.66667 9.33337" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6 2H2V6" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M10 14H14V10" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M1.99984 2L6.6665 6.66667" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14 14L9.33333 9.33337" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/NotSorted/NotsortedLg.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const NotsortedLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3 9L7 5M7 5L11 9M7 5V19" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M21 15L17 19M17 19L13 15M17 19V5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/NotSorted/NotsortedMd.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const NotsortedMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2.5 7.49996L5.83333 4.16663M5.83333 4.16663L9.16667 7.49996M5.83333 4.16663V15.8333" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.5002 12.5L14.1668 15.8333M14.1668 15.8333L10.8335 12.5M14.1668 15.8333V4.16663" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/NotSorted/NotsortedSm.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const NotsortedSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2 6.00004L4.66667 3.33337M4.66667 3.33337L7.33333 6.00004M4.66667 3.33337V12.6667" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M13.9998 10L11.3332 12.6667M11.3332 12.6667L8.6665 10M11.3332 12.6667V3.33337" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/SortAscending/SortascendingLg.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SortascendingLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3 9L7 5M7 5L11 9M7 5V19" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path opacity="0.2" d="M21 15L17 19M17 19L13 15M17 19V5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/SortAscending/SortascendingMd.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SortascendingMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2.5 7.49996L5.83333 4.16663M5.83333 4.16663L9.16667 7.49996M5.83333 4.16663V15.8333" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path opacity="0.2" d="M17.5002 12.5L14.1668 15.8333M14.1668 15.8333L10.8335 12.5M14.1668 15.8333V4.16663" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/SortAscending/SortascendingSm.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SortascendingSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2 6.00004L4.66667 3.33337M4.66667 3.33337L7.33333 6.00004M4.66667 3.33337V12.6667" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path opacity="0.2" d="M13.9998 10L11.3332 12.6667M11.3332 12.6667L8.6665 10M11.3332 12.6667V3.33337" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/SortButton/SortbuttonLg.tsx

@@ -0,0 +1,13 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SortbuttonLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M4.5 12H10.875" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M4.5 6H16.875" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M4.5 18H9.375" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M13.5 15.75L17.25 19.5L21 15.75" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.25 19.5V10.5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/SortButton/SortbuttonMd.tsx

@@ -0,0 +1,13 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SortbuttonMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.75 10H9.0625" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.75 5H14.0625" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.75 15H7.8125" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M11.25 13.125L14.375 16.25L17.5 13.125" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.375 16.25V8.75" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/SortButton/SortbuttonSm.tsx

@@ -0,0 +1,13 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SortbuttonSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3 8H7.25" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3 4H11.25" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3 12H6.25" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9 10.5L11.5 13L14 10.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M11.5 13V7" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/SortDescending/SortdescendingLg.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SortdescendingLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path opacity="0.2" d="M3 9L7 5M7 5L11 9M7 5V19" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M21 15L17 19M17 19L13 15M17 19V5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/SortDescending/SortdescendingMd.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SortdescendingMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path opacity="0.2" d="M2.5 7.49996L5.83333 4.16663M5.83333 4.16663L9.16667 7.49996M5.83333 4.16663V15.8333" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.5002 12.5L14.1668 15.8333M14.1668 15.8333L10.8335 12.5M14.1668 15.8333V4.16663" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/SortDescending/SortdescendingSm.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SortdescendingSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path opacity="0.2" d="M2 6.00004L4.66667 3.33337M4.66667 3.33337L7.33333 6.00004M4.66667 3.33337V12.6667" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M13.9998 10L11.3332 12.6667M11.3332 12.6667L8.6665 10M11.3332 12.6667V3.33337" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/Transfer/TransferLg.tsx

@@ -0,0 +1,14 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TransferLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3 7L9 7" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M18 14L21 17L18 20" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M21 17L3 17" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6 4L3 7L6 10" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M21 7L19 7" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M15 7L13 7" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/Transfer/TransferMd.tsx

@@ -0,0 +1,14 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TransferMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2.5 5.83337L7.5 5.83337" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M15 11.6666L17.5 14.1666L15 16.6666" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.5 14.1666L2.5 14.1666" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M5 3.33337L2.5 5.83337L5 8.33337" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.4997 5.83337L15.833 5.83337" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12.4997 5.83337L10.833 5.83337" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/Transfer/TransferSm.tsx

@@ -0,0 +1,14 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TransferSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2 4.66663L6 4.66663" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12 9.33337L14 11.3334L12 13.3334" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14 11.3334L2 11.3334" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M4 2.66663L2 4.66663L4 6.66663" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.0003 4.66663L12.667 4.66663" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M10.0003 4.66663L8.66699 4.66663" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/VerticalMove1/Verticalmove1Lg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Verticalmove1Lg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M9 18L12 21L15 18" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12 15V21" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M15 6L12 3L9 6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12 3V9" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/VerticalMove1/Verticalmove1Md.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Verticalmove1Md = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M7.5 15L10 17.5L12.5 15" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M10 12.5V17.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12.5 5L10 2.5L7.5 5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M10 2.5V7.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/VerticalMove1/Verticalmove1Sm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Verticalmove1Sm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M6 12L8 14L10 12" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M8 10V14" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M10 4L8 2L6 4" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M8 2V6" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/VerticalMove2/Verticalmove2Lg.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Verticalmove2Lg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M4 12H20" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9 16L12 19L15 16" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9 8L12 5L15 8" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/VerticalMove2/Verticalmove2Md.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Verticalmove2Md = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.3335 10H16.6668" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M7.5 13.3334L10 15.8334L12.5 13.3334" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M7.5 6.66663L10 4.16663L12.5 6.66663" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/VerticalMove2/Verticalmove2Sm.tsx

@@ -0,0 +1,18 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const Verticalmove2Sm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clip-path="url(#clip0_8237_6951)">
+            <path d="M2.6665 8H13.3332" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M6 10.6666L8 12.6666L10 10.6666" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M6 5.33337L8 3.33337L10 5.33337" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_8237_6951">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/Navigation/VerticalSelector/VerticalselectorLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const VerticalselectorLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M7 15L12 20L17 15M7 9L12 4L17 9" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/VerticalSelector/VerticalselectorMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const VerticalselectorMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M5.8335 12.5L10.0002 16.6667L14.1668 12.5M5.8335 7.50004L10.0002 3.33337L14.1668 7.50004" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Navigation/VerticalSelector/VerticalselectorSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const VerticalselectorSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M4.6665 9.99996L7.99984 13.3333L11.3332 9.99996M4.6665 5.99996L7.99984 2.66663L11.3332 5.99996" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/Sign/AiReadAloud/AiReadAloudLg.tsx

@@ -0,0 +1,13 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AireadaloudLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M14.1875 12.0001C15.4047 11.3923 16.3923 10.4047 17.0001 9.1875C17.6079 10.4047 18.5955 11.3923 19.8127 12.0001C18.5955 12.6079 17.6079 13.5955 17.0001 14.8127C16.3923 13.5955 15.4047 12.6079 14.1875 12.0001Z" stroke={color} strokeWidth="2" strokeLinejoin="round" />
+        <path d="M19 4C18.9404 4 18.8809 4.02993 18.8511 4.09975L18.7816 4.28928C18.5236 4.97756 17.9876 5.52619 17.2928 5.78554L17.1042 5.85536C16.9653 5.90524 16.9653 6.09476 17.1042 6.14464L17.2928 6.21446C17.9777 6.47381 18.5236 7.01247 18.7816 7.71072L18.8511 7.90025C18.8809 7.97007 18.9404 8 19 8C19.0596 8 19.1191 7.97007 19.1489 7.90025L19.2184 7.71072C19.4764 7.02244 20.0124 6.47381 20.7072 6.21446L20.8958 6.14464C21.0347 6.09476 21.0347 5.90524 20.8958 5.85536L20.7072 5.78554C20.0223 5.52619 19.4764 4.98753 19.2184 4.28928L19.1489 4.09975C19.1191 4.02993 19.0596 4 19 4Z" fill={color} />
+        <path d="M11 4V20" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14 7V9M14 17V15" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M8 7V17" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M5 10V14" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/AiReadAloud/AiReadAloudMd.tsx

@@ -0,0 +1,13 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AireadaloudMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M11.8232 10.0001C12.8376 9.49359 13.6606 8.67059 14.1671 7.65625C14.6736 8.67059 15.4966 9.49359 16.5109 10.0001C15.4966 10.5066 14.6736 11.3296 14.1671 12.3439C13.6606 11.3296 12.8376 10.5066 11.8232 10.0001Z" stroke={color} strokeWidth="1.5" strokeLinejoin="round" />
+        <path d="M15.8336 3.33325C15.784 3.33325 15.7344 3.35819 15.7096 3.41638L15.6516 3.57432C15.4366 4.14789 14.99 4.60508 14.411 4.8212L14.2538 4.87939C14.1381 4.92095 14.1381 5.07889 14.2538 5.12045L14.411 5.17864C14.9817 5.39476 15.4366 5.84364 15.6516 6.42552L15.7096 6.58346C15.7344 6.64164 15.784 6.66659 15.8336 6.66659C15.8833 6.66659 15.9329 6.64164 15.9577 6.58346L16.0156 6.42552C16.2306 5.85195 16.6773 5.39476 17.2563 5.17864L17.4135 5.12045C17.5292 5.07889 17.5292 4.92095 17.4135 4.87939L17.2563 4.8212C16.6856 4.60508 16.2306 4.15619 16.0156 3.57432L15.9577 3.41638C15.9329 3.35819 15.8833 3.33325 15.8336 3.33325Z" fill={color} />
+        <path d="M9.16699 3.33325V16.6666" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M11.667 5.83325V7.49992M11.667 14.1666V12.4999" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6.66699 5.83325V14.1666" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M4.16699 8.33325V11.6666" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/AiReadAloud/AiReadAloudSm.tsx

@@ -0,0 +1,13 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AireadaloudSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M9.45801 8.00007C10.2695 7.59487 10.9279 6.93647 11.3331 6.125C11.7383 6.93647 12.3967 7.59487 13.2081 8.00007C12.3967 8.40527 11.7383 9.06367 11.3331 9.87514C10.9279 9.06367 10.2695 8.40527 9.45801 8.00007Z" stroke={color} strokeLinejoin="round" />
+        <path d="M12.6663 2.66675C12.6266 2.66675 12.5869 2.6867 12.5671 2.73325L12.5207 2.8596C12.3487 3.31845 11.9914 3.68421 11.5282 3.85711L11.4025 3.90365C11.3099 3.93691 11.3099 4.06325 11.4025 4.09651L11.5282 4.14305C11.9848 4.31595 12.3487 4.67506 12.5207 5.14056L12.5671 5.26691C12.5869 5.31346 12.6266 5.33341 12.6663 5.33341C12.7061 5.33341 12.7457 5.31346 12.7656 5.26691L12.8119 5.14056C12.9839 4.68171 13.3413 4.31595 13.8045 4.14305L13.9302 4.09651C14.0228 4.06325 14.0228 3.93691 13.9302 3.90365L13.8045 3.85711C13.3479 3.68421 12.9839 3.3251 12.8119 2.8596L12.7656 2.73325C12.7457 2.6867 12.7061 2.66675 12.6663 2.66675Z" fill={color} />
+        <path d="M7.33301 2.66675V13.3334" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9.33301 4.66675V6.00008M9.33301 11.3334V10.0001" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M5.33301 4.66675V11.3334" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.33301 6.66675V9.33341" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/AiSummary/AiSummaryLg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AisummaryLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M20.0008 4.57719C19.8334 4.36125 19.6401 4.16773 19.4258 4.00044C19.6409 3.83206 19.8334 3.63778 19.9998 3.42261C20.1672 3.63855 20.3605 3.83207 20.5748 3.99936C20.3597 4.16774 20.1672 4.36202 20.0008 4.57719Z" stroke={color} strokeWidth="2" />
+        <path d="M14.9471 5.78682C14.9523 5.77274 14.9571 5.76623 14.9589 5.76398C14.9608 5.76154 14.9626 5.76001 14.9647 5.75861C14.9697 5.75531 14.9818 5.75 15 5.75C15.0182 5.75 15.0303 5.75531 15.0353 5.75861C15.0374 5.76001 15.0392 5.76154 15.0411 5.76398C15.0429 5.76623 15.0477 5.77274 15.0529 5.78682C16.109 8.64083 18.3592 10.891 21.2132 11.9471C21.2273 11.9523 21.2338 11.9571 21.236 11.9589C21.2385 11.9608 21.24 11.9626 21.2414 11.9647C21.2447 11.9697 21.25 11.9818 21.25 12C21.25 12.0182 21.2447 12.0303 21.2414 12.0353C21.24 12.0374 21.2385 12.0392 21.236 12.0411C21.2338 12.0429 21.2273 12.0477 21.2132 12.0529C18.3592 13.109 16.109 15.3592 15.0529 18.2132C15.0477 18.2273 15.0429 18.2338 15.0411 18.236C15.0392 18.2385 15.0374 18.24 15.0353 18.2414C15.0303 18.2447 15.0182 18.25 15 18.25C14.9818 18.25 14.9697 18.2447 14.9647 18.2414C14.9626 18.24 14.9608 18.2385 14.9589 18.236C14.9571 18.2338 14.9523 18.2273 14.9471 18.2132C13.891 15.3592 11.6408 13.109 8.78682 12.0529C8.77274 12.0477 8.76623 12.0429 8.76398 12.0411C8.76154 12.0392 8.76001 12.0374 8.75861 12.0353C8.75531 12.0303 8.75 12.0182 8.75 12C8.75 11.9818 8.75531 11.9697 8.75861 11.9647C8.76001 11.9626 8.76154 11.9608 8.76398 11.9589C8.76623 11.9571 8.77274 11.9523 8.78682 11.9471C11.6408 10.891 13.891 8.64083 14.9471 5.78682Z" stroke={color} strokeWidth="2" strokeLinejoin="round" />
+        <path d="M6 12H3" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9 9L3 9" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9 15L3 15" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/AiSummary/AiSummaryMd.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AisummaryMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M16.6667 3.81444C16.5272 3.6345 16.3661 3.47323 16.1875 3.33382C16.3668 3.1935 16.5272 3.0316 16.6658 2.85229C16.8053 3.03224 16.9664 3.19351 17.145 3.33292C16.9657 3.47324 16.8053 3.63514 16.6667 3.81444Z" stroke={color} strokeWidth="1.5" />
+        <path d="M12.4562 4.82243C12.4606 4.8107 12.4646 4.80527 12.4661 4.8034C12.4677 4.80136 12.4692 4.80009 12.4709 4.79892C12.4751 4.79617 12.4852 4.79175 12.5003 4.79175C12.5155 4.79175 12.5256 4.79617 12.5297 4.79892C12.5315 4.80009 12.533 4.80136 12.5346 4.8034C12.5361 4.80527 12.5401 4.8107 12.5444 4.82243C13.4245 7.20077 15.2997 9.07591 17.678 9.956C17.6897 9.96033 17.6952 9.96433 17.697 9.96583C17.6991 9.96742 17.7003 9.96891 17.7015 9.97066C17.7042 9.97483 17.7087 9.98491 17.7087 10.0001C17.7087 10.0152 17.7042 10.0253 17.7015 10.0295C17.7003 10.0312 17.6991 10.0327 17.697 10.0343C17.6952 10.0358 17.6897 10.0398 17.678 10.0442C15.2997 10.9242 13.4245 12.7994 12.5444 15.1777C12.5401 15.1895 12.5361 15.1949 12.5346 15.1967C12.533 15.1988 12.5315 15.2001 12.5297 15.2012C12.5256 15.204 12.5155 15.2084 12.5003 15.2084C12.4852 15.2084 12.4751 15.204 12.4709 15.2012C12.4692 15.2001 12.4677 15.1988 12.4661 15.1967C12.4646 15.1949 12.4606 15.1895 12.4562 15.1777C11.5762 12.7994 9.70099 10.9242 7.32268 10.0442C7.31094 10.0398 7.30552 10.0358 7.30364 10.0343C7.30161 10.0327 7.30033 10.0312 7.29917 10.0295C7.29642 10.0253 7.29199 10.0152 7.29199 10.0001C7.29199 9.98491 7.29642 9.97483 7.29917 9.97066C7.30033 9.96891 7.30161 9.96742 7.30364 9.96583C7.30552 9.96433 7.31094 9.96033 7.32268 9.956C9.70099 9.07591 11.5762 7.20077 12.4562 4.82243Z" stroke={color} strokeWidth="1.5" strokeLinejoin="round" />
+        <path d="M5 10H2.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M7.5 7.5L2.5 7.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M7.5 12.5L2.5 12.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/AiSummary/AiSummarySm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AisummarySm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M13.3335 3.05146C13.2219 2.9075 13.0931 2.77848 12.9502 2.66696C13.0936 2.5547 13.2219 2.42518 13.3329 2.28174C13.4445 2.4257 13.5733 2.55471 13.7162 2.66624C13.5728 2.77849 13.4445 2.90801 13.3335 3.05146Z" stroke={color} />
+        <path d="M9.96441 3.8578C9.96787 3.84841 9.97107 3.84407 9.97227 3.84257C9.97354 3.84095 9.97474 3.83993 9.97614 3.83899C9.97947 3.83679 9.98754 3.83325 9.99967 3.83325C10.0118 3.83325 10.0199 3.83679 10.0232 3.83899C10.0246 3.83993 10.0258 3.84095 10.0271 3.84257C10.0283 3.84407 10.0315 3.84841 10.0349 3.8578C10.739 5.76047 12.2391 7.26058 14.1418 7.96465C14.1512 7.96812 14.1555 7.97132 14.157 7.97252C14.1587 7.97379 14.1597 7.97498 14.1606 7.97638C14.1628 7.97972 14.1663 7.98779 14.1663 7.99992C14.1663 8.01205 14.1628 8.02012 14.1606 8.02345C14.1597 8.02485 14.1587 8.02605 14.157 8.02732C14.1555 8.02852 14.1512 8.03172 14.1418 8.03519C12.2391 8.73925 10.739 10.2394 10.0349 12.1421C10.0315 12.1515 10.0283 12.1558 10.0271 12.1573C10.0258 12.1589 10.0246 12.1599 10.0232 12.1609C10.0199 12.1631 10.0118 12.1666 9.99967 12.1666C9.98754 12.1666 9.97947 12.1631 9.97614 12.1609C9.97474 12.1599 9.97354 12.1589 9.97227 12.1573C9.97107 12.1558 9.96787 12.1515 9.96441 12.1421C9.26034 10.2394 7.76021 8.73925 5.85755 8.03519C5.84817 8.03172 5.84383 8.02852 5.84233 8.02732C5.8407 8.02605 5.83968 8.02485 5.83875 8.02345C5.83655 8.02012 5.83301 8.01205 5.83301 7.99992C5.83301 7.98779 5.83655 7.97972 5.83875 7.97638C5.83968 7.97498 5.8407 7.97379 5.84233 7.97252C5.84383 7.97132 5.84817 7.96812 5.85755 7.96465C7.76021 7.26058 9.26034 5.76047 9.96441 3.8578Z" stroke={color} strokeLinejoin="round" />
+        <path d="M4 8H2" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6 6L2 6" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6 10L2 10" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/Sign/Alert/AlertLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AlertLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M12 8V12M12 16H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);