@flozy/editor 5.1.5 → 5.1.7

package/dist/Editor/common/iconListV2.js

@@ -6,6 +6,7 @@ export const ImageElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 14 14",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "commonSvgStyle",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M5.2 13H8.8C11.8 13 13 11.8 13 8.8V5.2C13 2.2 11.8 1 8.8 1H5.2C2.2 1 1 2.2 1 5.2V8.8C1 11.8 2.2 13 5.2 13Z",
     stroke: "#64748B",
@@ -29,6 +30,7 @@ export const DocUploadElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "commonSvgStyle",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M14 4.66634V11.333C14 13.333 13 14.6663 10.6667 14.6663H5.33333C3 14.6663 2 13.333 2 11.333V4.66634C2 2.66634 3 1.33301 5.33333 1.33301H10.6667C13 1.33301 14 2.66634 14 4.66634Z",
     stroke: "#64748B",
@@ -61,6 +63,7 @@ export const VideoElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "commonSvgStyle",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M14.6654 9.99967V5.99967C14.6654 2.66634 13.332 1.33301 9.9987 1.33301H5.9987C2.66536 1.33301 1.33203 2.66634 1.33203 5.99967V9.99967C1.33203 13.333 2.66536 14.6663 5.9987 14.6663H9.9987C13.332 14.6663 14.6654 13.333 14.6654 9.99967Z",
     stroke: "#64748B",
@@ -95,6 +98,7 @@ export const EmbedElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 14 14",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "commonSvgStyle",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M8.02903 5.96965C7.483 5.42382 6.74256 5.11719 5.97051 5.11719C5.19847 5.11719 4.45803 5.42382 3.91199 5.96965L1.85281 8.02828C1.30676 8.57435 1 9.31498 1 10.0872C1 10.8595 1.30676 11.6001 1.85281 12.1462C2.39885 12.6923 3.13944 12.9991 3.91166 12.9991C4.68388 12.9991 5.42447 12.6923 5.97051 12.1462L6.99977 11.1169",
     stroke: "#64748B",
@@ -113,6 +117,7 @@ export const ColorBoxElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "colorBoxElementIcon",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M4.66536 4H11.332C11.7454 4 12.112 4.01333 12.4387 4.06C14.192 4.25333 14.6654 5.08 14.6654 7.33333V8.66667C14.6654 10.92 14.192 11.7467 12.4387 11.94C12.112 11.9867 11.7454 12 11.332 12H4.66536C4.25203 12 3.88536 11.9867 3.5587 11.94C1.80536 11.7467 1.33203 10.92 1.33203 8.66667V7.33333C1.33203 5.08 1.80536 4.25333 3.5587 4.06C3.88536 4.01333 4.25203 4 4.66536 4Z",
     fill: "#DDDDDD",
@@ -137,6 +142,7 @@ export const GridElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "gridElementIcon",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M14.6667 5.67967V2.65301C14.6667 1.71301 14.24 1.33301 13.18 1.33301H10.4867C9.42667 1.33301 9 1.71301 9 2.65301V5.67301C9 6.61967 9.42667 6.99301 10.4867 6.99301H13.18C14.24 6.99967 14.6667 6.61967 14.6667 5.67967Z",
     stroke: "#64748B",
@@ -165,6 +171,7 @@ export const TableElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "commonSvgStyle",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M5.9987 14.6663H9.9987C13.332 14.6663 14.6654 13.333 14.6654 9.99967V5.99967C14.6654 2.66634 13.332 1.33301 9.9987 1.33301H5.9987C2.66536 1.33301 1.33203 2.66634 1.33203 5.99967V9.99967C1.33203 13.333 2.66536 14.6663 5.9987 14.6663Z",
     stroke: "#64748B",
@@ -198,6 +205,7 @@ export const CarouselElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "commonSvgStyle",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M5.99969 8.66699C5.55969 8.88699 5.19302 9.21366 4.91969 9.62033C4.76635 9.85366 4.76635 10.147 4.91969 10.3803C5.19302 10.787 5.55969 11.1137 5.99969 11.3337",
     stroke: "#64748B",
@@ -226,6 +234,7 @@ export const DividerElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "commonSvgStyle",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M2 14.667H14",
     stroke: "#64748B",
@@ -259,6 +268,7 @@ export const EmojiElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "commonSvgStyle2",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15Z",
     stroke: "#64748B",
@@ -289,6 +299,7 @@ export const NewLineElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "newLineElementIcon",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M14 5.16699H2C1.72667 5.16699 1.5 4.94033 1.5 4.66699C1.5 4.39366 1.72667 4.16699 2 4.16699H14C14.2733 4.16699 14.5 4.39366 14.5 4.66699C14.5 4.94033 14.2733 5.16699 14 5.16699Z",
     fill: "#64748B"
@@ -306,6 +317,7 @@ export const SignatureElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "signatureElementIcon",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M15.6664 11.5031H7.49382C7.75186 10.6187 7.98377 9.66296 8.19851 8.6858C8.77183 8.27708 9.33523 7.94217 9.81784 7.74203C10.2158 7.57737 10.4165 7.56488 10.4925 7.56488C10.5165 7.56488 10.5279 7.56698 10.5292 7.56418C10.5438 7.6033 10.6899 8.08102 9.84919 9.83886C9.66124 10.233 9.69852 10.5225 9.96057 10.7003C10.3693 10.9772 10.5599 10.7352 11.2693 9.82974C11.7493 9.21726 12.552 8.19125 12.95 7.90937C13.3733 7.61077 13.6173 7.59969 13.6693 7.64429C13.766 7.72311 13.8646 8.21064 13.5319 9.14123C13.4353 9.41261 13.5673 9.7132 13.8252 9.81502C14.0859 9.91685 14.3719 9.77731 14.4685 9.50813C14.9132 8.26236 14.8472 7.28295 14.2879 6.82195C14.0139 6.59669 13.4045 6.32459 12.3898 7.04242C12.1506 7.21198 11.8658 7.50136 11.5472 7.86826C11.5752 7.43233 11.4819 7.10233 11.2699 6.86108C10.7259 6.2396 9.76449 6.63792 9.44989 6.76906C9.16383 6.88759 8.84251 7.05504 8.50054 7.2608C8.57855 6.88269 8.65456 6.50608 8.73056 6.13287C8.76058 5.98433 8.78994 5.83708 8.81985 5.69064C9.64654 5.23652 10.3492 4.72245 10.6965 4.23702C12.1319 2.23513 11.9665 1.14143 11.7405 0.668204C11.5405 0.249679 11.1492 0 10.6939 0C9.9972 0 9.30457 0.543364 8.88648 1.41814C8.55913 2.10314 8.26382 3.40963 7.9425 4.97559C6.76649 5.55657 5.39449 6.01198 4.66648 6.01198C4.39048 6.01198 4.16648 6.24635 4.16648 6.53514C4.16648 6.82392 4.39048 7.05829 4.66648 7.05829C5.40512 7.05829 6.56381 6.7284 7.6845 6.24426C7.5672 6.82323 7.44052 7.44402 7.30313 8.07671C5.96518 9.08601 4.61114 10.4218 4.02511 11.5029H0.333373C0.149332 11.5029 0 11.6592 0 11.8517C0 12.0443 0.149332 12.2005 0.333373 12.2005H3.68796C3.28662 13.1227 2.73393 14.7236 3.30125 15.5383C3.4566 15.7614 3.74053 16 4.24119 16C4.3499 16 4.46854 15.9888 4.59788 15.9637C5.77992 15.7363 6.61786 14.2241 7.27858 12.1997L15.6666 12.1998C15.8507 12.1998 16 12.0435 16 11.851C16 11.6584 15.8507 11.5028 15.6666 11.5028L15.6664 11.5031ZM9.78041 1.88604C10.0557 1.30988 10.447 1.04689 10.693 1.04689C10.7937 1.04689 10.8237 1.0908 10.8457 1.13693C10.9684 1.3929 10.9057 2.20132 9.89569 3.60966C9.73698 3.83153 9.45829 4.07138 9.10574 4.31066C9.33766 3.23642 9.56232 2.34297 9.78041 1.88604ZM6.93308 9.6936C6.7804 10.3179 6.61779 10.929 6.44379 11.503L5.22435 11.5029C5.64033 10.9352 6.25305 10.2935 6.93308 9.6936ZM4.41701 14.9356C4.22303 14.9733 4.12706 14.9475 4.10963 14.9224C3.92626 14.6587 4.19233 13.4311 4.80092 12.2006H6.21967C5.71041 13.6926 5.1143 14.8017 4.41698 14.9356L4.41701 14.9356Z",
     fill: "#64748B"
@@ -320,6 +332,7 @@ export const ButtonElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "commonSvgStyle",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M12.8799 6.66651H3.12652C2.13985 6.66651 1.33984 5.85985 1.33984 4.87985V3.12652C1.33984 2.13985 2.14652 1.33984 3.12652 1.33984H12.8799C13.8665 1.33984 14.6665 2.14652 14.6665 3.12652V4.87985C14.6665 5.85985 13.8599 6.66651 12.8799 6.66651Z",
     stroke: "#64748B",
@@ -368,6 +381,7 @@ export const TopBannerElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "commonSvgStyle",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M4.84145 1.33301H11.1548C11.5881 1.33301 11.9748 1.34636 12.3215 1.39303C14.1681 1.59969 14.6681 2.46635 14.6681 4.83968V9.05302C14.6681 11.4264 14.1681 12.293 12.3215 12.4997C11.9748 12.5463 11.5948 12.5597 11.1548 12.5597H4.84145C4.40812 12.5597 4.02145 12.5463 3.67478 12.4997C1.82812 12.293 1.32812 11.4264 1.32812 9.05302V4.83968C1.32812 2.46635 1.82812 1.59969 3.67478 1.39303C4.02145 1.34636 4.40812 1.33301 4.84145 1.33301Z",
     stroke: "#64748B",
@@ -406,6 +420,7 @@ export const FormElementIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "commonSvgStyle",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M7.33203 13H13.9987",
     stroke: "#64748B",
@@ -444,33 +459,43 @@ export const OrderedListTextFormatIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 24 25",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "orderedListIcon",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M11 19.8564H21",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M11 12.8564H21",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M11 5.85645H21",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M5.02415 4.22008V7.85645H4.03693V5.12917H4.01562L3.22017 5.60502V4.76696L4.11506 4.22008H5.02415Z",
-    fill: "#64748B"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M3.24148 14.8564V14.1462L4.59801 13.0241C4.68797 12.9495 4.76491 12.8796 4.82884 12.8145C4.89394 12.7483 4.94366 12.6802 4.97798 12.6104C5.01349 12.5405 5.03125 12.463 5.03125 12.3778C5.03125 12.2842 5.01113 12.2043 4.97088 12.1381C4.93182 12.0718 4.87737 12.0209 4.80753 11.9854C4.73769 11.9487 4.6572 11.9303 4.56605 11.9303C4.47491 11.9303 4.39441 11.9487 4.32457 11.9854C4.25592 12.022 4.20265 12.0759 4.16477 12.1469C4.12689 12.218 4.10795 12.3044 4.10795 12.4062H3.17045C3.17045 12.1505 3.22786 11.9303 3.34268 11.7456C3.4575 11.561 3.61967 11.4189 3.82919 11.3195C4.03871 11.2201 4.28433 11.1704 4.56605 11.1704C4.85724 11.1704 5.10938 11.2171 5.32244 11.3106C5.5367 11.403 5.70182 11.5332 5.81783 11.7013C5.93501 11.8693 5.99361 12.0664 5.99361 12.2925C5.99361 12.4322 5.96461 12.5713 5.90661 12.7098C5.8486 12.8471 5.74444 12.9992 5.59411 13.1661C5.44377 13.333 5.23011 13.5319 4.95312 13.7627L4.61222 14.0468V14.0681H6.03267V14.8564H3.24148Z",
-    fill: "#64748B"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M4.66193 21.9062C4.37547 21.9062 4.12098 21.857 3.89844 21.7588C3.67708 21.6594 3.50308 21.5226 3.37642 21.3486C3.24976 21.1746 3.18584 20.9746 3.18466 20.7485H4.17898C4.18016 20.8183 4.20147 20.8811 4.2429 20.9367C4.28551 20.9912 4.34351 21.0338 4.4169 21.0645C4.49029 21.0953 4.57434 21.1107 4.66903 21.1107C4.76018 21.1107 4.84067 21.0947 4.91051 21.0628C4.98035 21.0296 5.0348 20.984 5.07386 20.926C5.11293 20.868 5.13187 20.8018 5.13068 20.7272C5.13187 20.6538 5.10938 20.5887 5.06321 20.5319C5.01823 20.4751 4.9549 20.4307 4.87322 20.3987C4.79155 20.3667 4.69744 20.3508 4.59091 20.3508H4.22159V19.6689H4.59091C4.68916 19.6689 4.77557 19.653 4.85014 19.621C4.9259 19.589 4.98449 19.5447 5.02592 19.4878C5.06854 19.431 5.08925 19.3659 5.08807 19.2925C5.08925 19.2215 5.07209 19.1588 5.03658 19.1043C5.00107 19.0499 4.95135 19.0073 4.88743 18.9765C4.82469 18.9457 4.75189 18.9303 4.66903 18.9303C4.57907 18.9303 4.49858 18.9463 4.42756 18.9782C4.35772 19.0102 4.30268 19.0546 4.26243 19.1114C4.22218 19.1682 4.20147 19.2333 4.20028 19.3067H3.25568C3.25687 19.0842 3.31783 18.8877 3.43857 18.7172C3.56049 18.5468 3.72739 18.413 3.93928 18.316C4.15116 18.2189 4.39441 18.1704 4.66903 18.1704C4.93774 18.1704 5.17507 18.2159 5.38104 18.3071C5.58819 18.3982 5.74976 18.5237 5.86577 18.6835C5.98295 18.8421 6.04096 19.0238 6.03977 19.2286C6.04214 19.4322 5.9723 19.5991 5.83026 19.7293C5.68939 19.8595 5.51065 19.9365 5.29403 19.9601V19.9885C5.58759 20.0205 5.80836 20.1105 5.95632 20.2584C6.10429 20.4052 6.17708 20.5899 6.17472 20.8124C6.1759 21.0255 6.11198 21.2143 5.98295 21.3788C5.85511 21.5434 5.67696 21.6724 5.44851 21.7659C5.22124 21.8594 4.95904 21.9062 4.66193 21.9062Z",
-    fill: "#64748B"
+  }), /*#__PURE__*/_jsx("text", {
+    x: "3",
+    y: "8",
+    fontSize: "5",
+    fill: "currentColor",
+    children: "1"
+  }), /*#__PURE__*/_jsx("text", {
+    x: "3",
+    y: "14",
+    fontSize: "5",
+    fill: "currentColor",
+    children: "2"
+  }), /*#__PURE__*/_jsx("text", {
+    x: "3",
+    y: "21",
+    fontSize: "5",
+    fill: "currentColor",
+    children: "3"
   })]
 });
 export const BulletedListTextFormatIcon = props => /*#__PURE__*/_jsxs("svg", {
@@ -479,21 +504,22 @@ export const BulletedListTextFormatIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 24 25",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "bulletedListTextIcon",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M11 19.8564H21",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M11 12.8564H21",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M11 5.85645H21",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
@@ -501,17 +527,17 @@ export const BulletedListTextFormatIcon = props => /*#__PURE__*/_jsxs("svg", {
     cx: "5.25",
     cy: "5.80664",
     r: "1.25",
-    fill: "#64748B"
+    fill: "currentColor"
   }), /*#__PURE__*/_jsx("circle", {
     cx: "5.25",
     cy: "12.8066",
     r: "1.25",
-    fill: "#64748B"
+    fill: "currentColor"
   }), /*#__PURE__*/_jsx("circle", {
     cx: "5.25",
     cy: "19.8066",
     r: "1.25",
-    fill: "#64748B"
+    fill: "currentColor"
   })]
 });
 export const CheckListTextFormatIcon = props => /*#__PURE__*/_jsxs("svg", {
@@ -520,39 +546,40 @@ export const CheckListTextFormatIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 24 25",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "checkedListTextIcon",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M11 19.8564H21",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M11 12.8564H21",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M11 5.85645H21",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M3 5.85645L4 6.85645L7 3.85645",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M3 12.8564L4 13.8564L7 10.8564",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M3 19.8564L4 20.8564L7 17.8564",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
@@ -564,33 +591,34 @@ export const AccordionTextFormatIcon = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 24 25",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  className: "accordianIconSvgTextFormat",
   children: [/*#__PURE__*/_jsx("path", {
-    d: "M14 4.85645H21",
-    stroke: "#64748B",
+    d: "M14 4.85547H21",
+    stroke: "#8F9CAE",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
-    d: "M14 9.85645H21",
-    stroke: "#64748B",
+    d: "M14 9.85547H21",
+    stroke: "#8F9CAE",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
-    d: "M3 14.8564H21",
-    stroke: "#64748B",
+    d: "M3 14.8555H21",
+    stroke: "#8F9CAE",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
-    d: "M3 19.8564H21",
-    stroke: "#64748B",
+    d: "M3 19.8555H21",
+    stroke: "#8F9CAE",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
-    d: "M8.8 6.66362C9.33333 6.97154 9.33333 7.74135 8.8 8.04927L3.7 10.9938C3.16667 11.3017 2.5 10.9168 2.5 10.3009L2.5 4.41196C2.5 3.79612 3.16667 3.41122 3.7 3.71914L8.8 6.66362Z",
-    stroke: "#64748B",
+    d: "M8.8 6.66265C9.33333 6.97057 9.33333 7.74037 8.8 8.04829L3.7 10.9928C3.16667 11.3007 2.5 10.9158 2.5 10.3L2.5 4.41098C2.5 3.79514 3.16667 3.41024 3.7 3.71816L8.8 6.66265Z",
+    stroke: "#8F9CAE",
     strokeWidth: "1.5"
   })]
 });
@@ -602,7 +630,7 @@ export const BoldTextFormatIcon = props => /*#__PURE__*/_jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
     d: "M0.598011 15.3564V0.81099H5.92472C6.95691 0.81099 7.81155 0.981445 8.48864 1.32235C9.16572 1.65853 9.67235 2.11544 10.0085 2.69309C10.3447 3.26601 10.5128 3.91232 10.5128 4.63201C10.5128 5.23807 10.4015 5.74944 10.179 6.1661C9.95644 6.57804 9.65814 6.90948 9.28409 7.16042C8.91477 7.40663 8.50758 7.58656 8.0625 7.7002V7.84224C8.54545 7.86591 9.01657 8.02216 9.47585 8.31099C9.93987 8.59508 10.3234 8.99991 10.6264 9.52548C10.9295 10.051 11.081 10.6903 11.081 11.4431C11.081 12.1865 10.9058 12.8541 10.5554 13.4459C10.2098 14.0331 9.67472 14.4994 8.95028 14.8451C8.22585 15.186 7.30019 15.3564 6.1733 15.3564H0.598011ZM2.79261 13.4743H5.96023C7.01136 13.4743 7.7642 13.2707 8.21875 12.8635C8.6733 12.4564 8.90057 11.9474 8.90057 11.3366C8.90057 10.8773 8.78456 10.4559 8.55256 10.0724C8.32055 9.68883 7.98911 9.38343 7.55824 9.15616C7.1321 8.92889 6.62547 8.81525 6.03835 8.81525H2.79261V13.4743ZM2.79261 7.1036H5.73295C6.22538 7.1036 6.66809 7.00891 7.06108 6.81951C7.45881 6.63012 7.77367 6.36497 8.00568 6.02406C8.24242 5.67841 8.3608 5.27122 8.3608 4.80247C8.3608 4.20114 8.15009 3.69688 7.72869 3.28968C7.30729 2.88249 6.66099 2.67889 5.78977 2.67889H2.79261V7.1036Z",
-    fill: "#64748B"
+    fill: "currentColor"
   })
 });
 export const UnderlineTextFormatIcon = props => /*#__PURE__*/_jsxs("svg", {
@@ -613,13 +641,13 @@ export const UnderlineTextFormatIcon = props => /*#__PURE__*/_jsxs("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M3.41406 1.58301V6.16634C3.41406 7.38192 3.89695 8.54771 4.75649 9.40725C5.61603 10.2668 6.78182 10.7497 7.9974 10.7497C9.21297 10.7497 10.3788 10.2668 11.2383 9.40725C12.0978 8.54771 12.5807 7.38192 12.5807 6.16634V1.58301",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M1.58203 14.416H14.4154",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
@@ -633,19 +661,19 @@ export const ItalicTextFormatIcon = props => /*#__PURE__*/_jsxs("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   children: [/*#__PURE__*/_jsx("path", {
     d: "M4.71094 1.45801H9.46094",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M1.54297 12.541H6.29297",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M7.08464 1.45801L3.91797 12.5413",
-    stroke: "#64748B",
+    stroke: "currentColor",
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
@@ -848,6 +876,7 @@ export function H1() {
     viewBox: "0 0 14 11",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    className: "signatureElementIcon",
     children: /*#__PURE__*/_jsx("path", {
       d: "M0.884943 11V0.818182H3.03764V5.01918H7.40767V0.818182H9.5554V11H7.40767V6.79403H3.03764V11H0.884943ZM13.4482 5.18182V11H12.218V6.34943H12.1839L10.8516 7.18466V6.09375L12.2919 5.18182H13.4482Z",
       fill: "#64748B"
@@ -861,6 +890,7 @@ export function H2() {
     viewBox: "0 0 16 11",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    className: "signatureElementIcon",
     children: /*#__PURE__*/_jsx("path", {
       d: "M0.884943 11V0.818182H3.03764V5.01918H7.40767V0.818182H9.5554V11H7.40767V6.79403H3.03764V11H0.884943ZM10.9169 11V10.1136L12.9879 8.19602C13.1641 8.02557 13.3118 7.87216 13.4311 7.7358C13.5523 7.59943 13.6442 7.46591 13.7067 7.33523C13.7692 7.20265 13.8004 7.05966 13.8004 6.90625C13.8004 6.7358 13.7616 6.58902 13.6839 6.46591C13.6063 6.34091 13.5002 6.24527 13.3658 6.17898C13.2313 6.1108 13.0788 6.0767 12.9084 6.0767C12.7304 6.0767 12.575 6.11269 12.4425 6.18466C12.3099 6.25663 12.2076 6.35985 12.1357 6.49432C12.0637 6.62879 12.0277 6.78883 12.0277 6.97443H10.8601C10.8601 6.59375 10.9463 6.26326 11.1186 5.98295C11.291 5.70265 11.5324 5.4858 11.843 5.33239C12.1536 5.17898 12.5116 5.10227 12.9169 5.10227C13.3336 5.10227 13.6963 5.17614 14.005 5.32386C14.3156 5.4697 14.5571 5.67235 14.7294 5.93182C14.9018 6.19129 14.9879 6.48864 14.9879 6.82386C14.9879 7.04356 14.9444 7.26042 14.8572 7.47443C14.772 7.68845 14.6196 7.92614 14.3999 8.1875C14.1802 8.44697 13.8705 8.75852 13.4709 9.12216L12.6214 9.95455V9.99432H15.0646V11H10.9169Z",
       fill: "#64748B"
@@ -874,6 +904,7 @@ export function H3() {
     viewBox: "0 0 16 12",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    className: "signatureElementIcon",
     children: /*#__PURE__*/_jsx("path", {
       d: "M0.884943 11V0.818182H3.03764V5.01918H7.40767V0.818182H9.5554V11H7.40767V6.79403H3.03764V11H0.884943ZM13.0675 11.0795C12.6432 11.0795 12.2654 11.0066 11.9339 10.8608C11.6044 10.7131 11.344 10.5104 11.1527 10.2528C10.9633 9.99337 10.8658 9.69413 10.8601 9.35511H12.0987C12.1063 9.49716 12.1527 9.62216 12.2379 9.73011C12.325 9.83617 12.4406 9.91856 12.5845 9.97727C12.7285 10.036 12.8904 10.0653 13.0703 10.0653C13.2578 10.0653 13.4235 10.0322 13.5675 9.96591C13.7114 9.89962 13.8241 9.80777 13.9055 9.69034C13.987 9.57292 14.0277 9.4375 14.0277 9.28409C14.0277 9.12879 13.9841 8.99148 13.897 8.87216C13.8118 8.75095 13.6887 8.65625 13.5277 8.58807C13.3686 8.51989 13.1792 8.4858 12.9595 8.4858H12.4169V7.58239H12.9595C13.1451 7.58239 13.3089 7.55019 13.451 7.4858C13.5949 7.4214 13.7067 7.33239 13.7862 7.21875C13.8658 7.10322 13.9055 6.96875 13.9055 6.81534C13.9055 6.66951 13.8705 6.54167 13.8004 6.43182C13.7322 6.32008 13.6357 6.23295 13.5107 6.17045C13.3875 6.10795 13.2436 6.0767 13.0788 6.0767C12.9122 6.0767 12.7597 6.10701 12.6214 6.16761C12.4832 6.22633 12.3724 6.31061 12.2891 6.42045C12.2057 6.5303 12.1612 6.65909 12.1555 6.80682H10.9766C10.9822 6.47159 11.0779 6.17614 11.2635 5.92045C11.4491 5.66477 11.6991 5.46496 12.0135 5.32102C12.3298 5.17519 12.6868 5.10227 13.0845 5.10227C13.486 5.10227 13.8374 5.17519 14.1385 5.32102C14.4396 5.46686 14.6735 5.66383 14.8402 5.91193C15.0088 6.15814 15.0921 6.43466 15.0902 6.74148C15.0921 7.06723 14.9908 7.33902 14.7862 7.55682C14.5836 7.77462 14.3194 7.91288 13.9936 7.97159V8.01705C14.4216 8.07197 14.7474 8.22064 14.9709 8.46307C15.1963 8.7036 15.308 9.00473 15.3061 9.36648C15.308 9.69792 15.2124 9.99242 15.0192 10.25C14.8279 10.5076 14.5637 10.7102 14.2266 10.858C13.8894 11.0057 13.5031 11.0795 13.0675 11.0795Z",
       fill: "#64748B"
@@ -887,6 +918,7 @@ export function CalendlyIcon() {
     viewBox: "0 0 12 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    className: "calederIconSvg",
     children: [/*#__PURE__*/_jsx("rect", {
       x: "0.5",
       y: "2.5",
@@ -907,4 +939,310 @@ export function CalendlyIcon() {
       fill: "#64748B"
     })]
   });
+}
+export function LeftAlignTextFormat() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "19",
+    height: "19",
+    viewBox: "0 0 20 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "textAlignIconSameStyles",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M17.5 5.60547H2.5C2.15833 5.60547 1.875 5.26547 1.875 4.85547C1.875 4.44547 2.15833 4.10547 2.5 4.10547H17.5C17.8417 4.10547 18.125 4.44547 18.125 4.85547C18.125 5.26547 17.8417 5.60547 17.5 5.60547Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M10.3917 10.6055H2.5C2.15833 10.6055 1.875 10.2655 1.875 9.85547C1.875 9.44547 2.15833 9.10547 2.5 9.10547H10.3917C10.7333 9.10547 11.0167 9.44547 11.0167 9.85547C11.0167 10.2655 10.7417 10.6055 10.3917 10.6055Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M17.5 15.6055H2.5C2.15833 15.6055 1.875 15.2655 1.875 14.8555C1.875 14.4455 2.15833 14.1055 2.5 14.1055H17.5C17.8417 14.1055 18.125 14.4455 18.125 14.8555C18.125 15.2655 17.8417 15.6055 17.5 15.6055Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M10.3917 20.6055H2.5C2.15833 20.6055 1.875 20.2655 1.875 19.8555C1.875 19.4455 2.15833 19.1055 2.5 19.1055H10.3917C10.7333 19.1055 11.0167 19.4455 11.0167 19.8555C11.0167 20.2655 10.7417 20.6055 10.3917 20.6055Z",
+      fill: "currentColor"
+    })]
+  });
+}
+export function CenterAlignTextFormat() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "19",
+    height: "19",
+    viewBox: "0 0 20 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "textAlignIconSameStyles",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M17.5 5.60547H2.5C2.15833 5.60547 1.875 5.26547 1.875 4.85547C1.875 4.44547 2.15833 4.10547 2.5 4.10547H17.5C17.8417 4.10547 18.125 4.44547 18.125 4.85547C18.125 5.26547 17.8417 5.60547 17.5 5.60547Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M13.9508 10.6055H6.05078C5.70911 10.6055 5.42578 10.2655 5.42578 9.85547C5.42578 9.44547 5.70911 9.10547 6.05078 9.10547H13.9424C14.2841 9.10547 14.5674 9.44547 14.5674 9.85547C14.5674 10.2655 14.2924 10.6055 13.9508 10.6055Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M17.5 15.6055H2.5C2.15833 15.6055 1.875 15.2655 1.875 14.8555C1.875 14.4455 2.15833 14.1055 2.5 14.1055H17.5C17.8417 14.1055 18.125 14.4455 18.125 14.8555C18.125 15.2655 17.8417 15.6055 17.5 15.6055Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M13.9508 20.6055H6.05078C5.70911 20.6055 5.42578 20.2655 5.42578 19.8555C5.42578 19.4455 5.70911 19.1055 6.05078 19.1055H13.9424C14.2841 19.1055 14.5674 19.4455 14.5674 19.8555C14.5674 20.2655 14.2924 20.6055 13.9508 20.6055Z",
+      fill: "currentColor"
+    })]
+  });
+}
+export function RightAlignTextFormat() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "19",
+    height: "19",
+    viewBox: "0 0 20 25",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "textAlignIconSameStyles",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M17.5 5.60547H2.5C2.15833 5.60547 1.875 5.26547 1.875 4.85547C1.875 4.44547 2.15833 4.10547 2.5 4.10547H17.5C17.8417 4.10547 18.125 4.44547 18.125 4.85547C18.125 5.26547 17.8417 5.60547 17.5 5.60547Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M17.4991 10.6055H9.60742C9.26576 10.6055 8.98242 10.2655 8.98242 9.85547C8.98242 9.44547 9.26576 9.10547 9.60742 9.10547H17.4991C17.8408 9.10547 18.1241 9.44547 18.1241 9.85547C18.1241 10.2655 17.8408 10.6055 17.4991 10.6055Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M17.5 15.6055H2.5C2.15833 15.6055 1.875 15.2655 1.875 14.8555C1.875 14.4455 2.15833 14.1055 2.5 14.1055H17.5C17.8417 14.1055 18.125 14.4455 18.125 14.8555C18.125 15.2655 17.8417 15.6055 17.5 15.6055Z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M17.4991 20.6055H9.60742C9.26576 20.6055 8.98242 20.2655 8.98242 19.8555C8.98242 19.4455 9.26576 19.1055 9.60742 19.1055H17.4991C17.8408 19.1055 18.1241 19.4455 18.1241 19.8555C18.1241 20.2655 17.8408 20.6055 17.4991 20.6055Z",
+      fill: "currentColor"
+    })]
+  });
+}
+export function JustifyTextFormat() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "19",
+    height: "19",
+    viewBox: "0 0 20 25"
+    // fill="none"
+    ,
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "justifyIcon",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M2.5 4.85547H17.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.5 9.85547H17.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.5 14.8555H17.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.5 19.8555H17.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function FreeGridElement() {
+  return /*#__PURE__*/_jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    className: "commonSvgStyle",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M13.2654 8.99935H2.73203C1.73203 8.99935 1.33203 9.42602 1.33203 10.486L1.33203 13.1793C1.33203 14.2393 1.73203 14.666 2.73203 14.666H13.2654C14.2654 14.666 14.6654 14.2393 14.6654 13.1793V10.486C14.6654 9.42602 14.2654 8.99935 13.2654 8.99935Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.26536 1.33333H2.73203C1.73203 1.33333 1.33203 1.76 1.33203 2.82L1.33203 5.51333C1.33203 6.57333 1.73203 7 2.73203 7H7.26536C8.26536 7 8.66536 6.57333 8.66536 5.51333V2.82C8.66536 1.76 8.26536 1.33333 7.26536 1.33333Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M13.268 1.33333H12.068C11.068 1.33333 10.668 1.76 10.668 2.82V5.51333C10.668 6.57333 11.068 7 12.068 7H13.268C14.268 7 14.668 6.57333 14.668 5.51333V2.82C14.668 1.76 14.268 1.33333 13.268 1.33333Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function AppHeaderElement() {
+  return /*#__PURE__*/_jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "15",
+    height: "14",
+    viewBox: "0 0 15 14",
+    fill: "none",
+    className: "commonSvgStyle",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M6 4.66699L11.5 4.66699",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.06307 4.66634H4.06906",
+      stroke: "#64748B",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.33333 1H10.3333C10.7467 1 11.1133 1.015 11.44 1.0675C13.1933 1.285 13.6667 2.215 13.6667 4.75V9.25C13.6667 11.785 13.1933 12.715 11.44 12.9325C11.1133 12.985 10.7467 13 10.3333 13H4.33333C3.92 13 3.55333 12.985 3.22667 12.9325C1.47333 12.715 1 11.785 1 9.25V4.75C1 2.215 1.47333 1.285 3.22667 1.0675C3.55333 1.015 3.92 1 4.33333 1Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function GridElement() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "commonSvgStyle",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M14.6667 5.68065V2.65398C14.6667 1.71398 14.24 1.33398 13.18 1.33398H10.4867C9.42667 1.33398 9 1.71398 9 2.65398V5.67398C9 6.62065 9.42667 6.99398 10.4867 6.99398H13.18C14.24 7.00065 14.6667 6.62065 14.6667 5.68065Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M14.6667 13.18V10.4867C14.6667 9.42667 14.24 9 13.18 9H10.4867C9.42667 9 9 9.42667 9 10.4867V13.18C9 14.24 9.42667 14.6667 10.4867 14.6667H13.18C14.24 14.6667 14.6667 14.24 14.6667 13.18Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.00065 5.68065V2.65398C7.00065 1.71398 6.57398 1.33398 5.51398 1.33398H2.82065C1.76065 1.33398 1.33398 1.71398 1.33398 2.65398V5.67398C1.33398 6.62065 1.76065 6.99398 2.82065 6.99398H5.51398C6.57398 7.00065 7.00065 6.62065 7.00065 5.68065Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.00065 13.18V10.4867C7.00065 9.42667 6.57398 9 5.51398 9H2.82065C1.76065 9 1.33398 9.42667 1.33398 10.4867V13.18C1.33398 14.24 1.76065 14.6667 2.82065 14.6667H5.51398C6.57398 14.6667 7.00065 14.24 7.00065 13.18Z",
+      stroke: "#64748B",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function ToggleFullScreenIcon() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "toogleFullScreenSvg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M14 6V2H10",
+      stroke: "#8F9CAE",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2 10V14H6",
+      stroke: "#8F9CAE",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M14 2L9 7",
+      stroke: "#8F9CAE",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7 9L2 14",
+      stroke: "#8F9CAE",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function CodeElementIcon() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "12",
+    height: "9",
+    viewBox: "0 0 12 9",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "commonSvgStyle",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M6.83331 1L4.83331 8",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8.83331 2.32983L10.6666 4.32983L8.83331 6.32983",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.83333 2.32983L1 4.32983L2.83333 6.32983",
+      stroke: "#64748B",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function DragIcon() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "12",
+    viewBox: "0 0 10 6",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "dragIcon",
+    children: [/*#__PURE__*/_jsx("ellipse", {
+      cx: "1.49462",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 1.49462 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "4.99999",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 4.99999 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "8.50732",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 8.50732 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "1.49462",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 1.49462 0.91993)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "4.99999",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 4.99999 0.91993)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "8.50732",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 8.50732 0.91993)",
+      fill: "#94A3B8"
+    })]
+  });
 }