@fileverse-dev/fortune-react 1.0.2-mod-51 → 1.0.2-mod-53

package/dist/index.umd.css

@@ -2346,8 +2346,7 @@ input[type="number"].condition-rules-project-input {
   display: none;
 }
 
-.fortune-toolbar-select,
-.fortune-toolbar-color-picker {
+.fortune-toolbar-select {
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
   padding: 0.5rem;
   border: 1px solid hsl(var(--color-border-default));
@@ -2356,6 +2355,19 @@ input[type="number"].condition-rules-project-input {
   min-width: 240px;
 }
 
+.fortune-toolbar-color-picker {
+  z-index: 50;
+  height: auto;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 2px;
+  overflow-y: auto;
+  scroll-behavior: smooth;
+  background: rgb(255, 255, 255);
+  transition: all 0.2s ease;
+  border-radius: 0px 0px 4px 4px;
+}
+
 .fortune-toolbar-select {
   overflow: auto;
   max-height: 75vh;
@@ -2398,9 +2410,19 @@ input[type="number"].condition-rules-project-input {
 }
 
 .fortune-toolbar-color-picker-item {
-  width: 16px;
-  height: 16px;
+  width: 20px;
+  height: 20px;
+  border-radius: 9999px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: transform 0.2s ease-in;
   margin: 1px;
+}
+
+.fortune-toolbar-color-picker-item:hover {
+  transform: scale(1.05);
   cursor: pointer;
 }
 
@@ -2477,11 +2499,18 @@ input[type="number"].condition-rules-project-input {
 
 #fortune-custom-color {
   min-width: 164px;
-  background: rgb(240, 240, 240);
-  border-radius: 6px;
-  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
+  background: #fff;
+  border-radius: 4px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   font-size: 12px;
+  padding: 8px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  max-height: 400px;
+  width: -moz-fit-content;
+  width: fit-content;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
 
 #fortune-custom-color .color-reset {
@@ -2489,16 +2518,21 @@ input[type="number"].condition-rules-project-input {
   color: #333;
   cursor: pointer;
   list-style: none;
-  padding: 10px;
   white-space: nowrap;
-  padding-left: 8px;
   vertical-align: middle;
-  padding-right: 24px;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  border-radius: 6px;
   background: white;
+  padding: 4px 8px;
+  height: 30px;
+  border-radius: 4px 4px 0px 0px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
 }
 
 #fortune-custom-color .color-reset:hover {
@@ -2622,6 +2656,37 @@ input[type="number"].condition-rules-project-input {
     z-index: 1002; */
   /* min-width: 500px; */
   width: 464px;
+
+  input[type="checkbox"] {
+    accent-color: black;
+    -moz-appearance: none;
+         appearance: none;
+    -webkit-appearance: none;
+    width: 16px;
+    height: 16px;
+    border: 1.5px solid black;
+    border-radius: 3px;
+    position: relative;
+    cursor: pointer;
+  }
+  
+  input[type="checkbox"]:checked {
+    background-color: black;
+    border-color: black;
+  }
+  
+  /* Smaller tick mark */
+  input[type="checkbox"]:checked::before {
+    content: '';
+    position: absolute;
+    top: 2px;
+    left: 4px;
+    width: 4px;      /* Reduced from default */
+    height: 7px;     /* Reduced from default */
+    border: solid white;
+    border-width: 0 1px 1px 0;
+    transform: rotate(45deg);
+  }
 }
 #fortune-split-column label {
   -webkit-user-select: none;
@@ -2634,39 +2699,6 @@ input[type="number"].condition-rules-project-input {
 #fortune-split-column .splitDelimiters {
   margin-top: 20px;
 }
-
-
-
-input[type="checkbox"] {
-  accent-color: black;
-  -moz-appearance: none;
-       appearance: none;
-  -webkit-appearance: none;
-  width: 16px;
-  height: 16px;
-  border: 1.5px solid black;
-  border-radius: 3px;
-  position: relative;
-  cursor: pointer;
-}
-
-input[type="checkbox"]:checked {
-  background-color: black;
-  border-color: black;
-}
-
-/* Smaller tick mark */
-input[type="checkbox"]:checked::before {
-  content: '';
-  position: absolute;
-  top: 2px;
-  left: 4px;
-  width: 4px;      /* Reduced from default */
-  height: 7px;     /* Reduced from default */
-  border: solid white;
-  border-width: 0 1px 1px 0;
-  transform: rotate(45deg);
-}
 .splitSymbols {
   width: 464px
 }

package/dist/index.umd.js

@@ -28390,43 +28390,66 @@
       _argsToArray2 = _slicedToArray(_argsToArray, 2),
       A = _argsToArray2[0],
       B = _argsToArray2[1];
+    var toNumberOrThrow = function toNumberOrThrow(val) {
+      var num = Number(val);
+      if (isNaN(num)) throw new Error("Invalid number value: ".concat(val));
+      return num;
+    };
 
-    // Handle single numbers
+    // Single numbers
     if (typeof A === "number" && typeof B === "number") {
       return A - B;
     }
 
-    // Handle 1D arrays
-    if (Array.isArray(A) && Array.isArray(B) && typeof A[0] === "number") {
-      if (A.length !== B.length) throw new Error("1D arrays must match in length");
-      return A.reduce(function (sum, val, i) {
-        return sum + (val - B[i]);
-      }, 0);
+    // 1D arrays
+    if (Array.isArray(A) && Array.isArray(B) && _typeof(A[0]) !== "object") {
+      var maxLen = Math.max(A.length, B.length);
+      var total = 0;
+      for (var i = 0; i < maxLen; i++) {
+        var aVal = i < A.length ? toNumberOrThrow(A[i]) : 0;
+        var bVal = i < B.length ? toNumberOrThrow(B[i]) : 0;
+        total += aVal - bVal;
+      }
+      return total;
     }
 
-    // Handle 2D arrays
-    if (Array.isArray(A[0]) && typeof A[0][0] === "number") {
-      var total = 0;
-      for (var i = 0; i < A.length; i++) {
-        if (A[i].length !== B[i].length) throw new Error("Row ".concat(i, " length mismatch"));
-        for (var j = 0; j < A[i].length; j++) {
-          total += A[i][j] - B[i][j];
+    // 2D arrays
+    if (Array.isArray(A[0]) && _typeof(A[0][0]) !== "object") {
+      var _total = 0;
+      var maxRows = Math.max(A.length, B.length);
+      for (var _i5 = 0; _i5 < maxRows; _i5++) {
+        var rowA = A[_i5] || [];
+        var rowB = B[_i5] || [];
+        var maxCols = Math.max(rowA.length, rowB.length);
+        for (var j = 0; j < maxCols; j++) {
+          var _aVal = j < rowA.length ? toNumberOrThrow(rowA[j]) : 0;
+          var _bVal = j < rowB.length ? toNumberOrThrow(rowB[j]) : 0;
+          _total += _aVal - _bVal;
         }
       }
-      return total;
+      return _total;
     }
 
-    // Handle 3D arrays
+    // 3D arrays
     if (Array.isArray(A[0][0])) {
-      var _total = 0;
-      for (var _i5 = 0; _i5 < A.length; _i5++) {
-        for (var _j = 0; _j < A[_i5].length; _j++) {
-          for (var k = 0; k < A[_i5][_j].length; k++) {
-            _total += A[_i5][_j][k] - B[_i5][_j][k];
+      var _total2 = 0;
+      var maxX = Math.max(A.length, B.length);
+      for (var _i6 = 0; _i6 < maxX; _i6++) {
+        var matA = A[_i6] || [];
+        var matB = B[_i6] || [];
+        var maxY = Math.max(matA.length, matB.length);
+        for (var _j = 0; _j < maxY; _j++) {
+          var _rowA = matA[_j] || [];
+          var _rowB = matB[_j] || [];
+          var maxZ = Math.max(_rowA.length, _rowB.length);
+          for (var k = 0; k < maxZ; k++) {
+            var _aVal2 = k < _rowA.length ? toNumberOrThrow(_rowA[k]) : 0;
+            var _bVal2 = k < _rowB.length ? toNumberOrThrow(_rowB[k]) : 0;
+            _total2 += _aVal2 - _bVal2;
           }
         }
       }
-      return _total;
+      return _total2;
     }
     throw new Error("Unsupported or mismatched structure");
   }
@@ -30847,17 +30870,17 @@
     } else if (!(holidays instanceof Array)) {
       holidays = [holidays];
     }
-    for (var _i6 = 0; _i6 < holidays.length; _i6++) {
-      var h = parseDate(holidays[_i6]);
+    for (var _i7 = 0; _i7 < holidays.length; _i7++) {
+      var h = parseDate(holidays[_i7]);
       if (h instanceof Error) {
         return h;
       }
-      holidays[_i6] = h;
+      holidays[_i7] = h;
     }
     var days = Math.round((end_date - start_date) / (1000 * 60 * 60 * 24)) + 1;
     var total = days;
     var day = start_date;
-    for (var _i7 = 0; _i7 < days; _i7++) {
+    for (var _i8 = 0; _i8 < days; _i8++) {
       var d = new Date().getTimezoneOffset() > 0 ? day.getUTCDay() : day.getDay();
       var dec = isMask ? maskDays.includes(d) : d === weekend[0] || d === weekend[1];
       for (var j = 0; j < holidays.length; j++) {
@@ -33067,9 +33090,9 @@
       matches[i] = true;
     }
     var maxCriteriaLength = criterias[0].length;
-    for (var _i8 = 1; _i8 < criterias.length; ++_i8) {
-      if (criterias[_i8].length > maxCriteriaLength) {
-        maxCriteriaLength = criterias[_i8].length;
+    for (var _i9 = 1; _i9 < criterias.length; ++_i9) {
+      if (criterias[_i9].length > maxCriteriaLength) {
+        maxCriteriaLength = criterias[_i9].length;
       }
     }
     for (var k = 1; k < database.length; ++k) {
@@ -34163,9 +34186,9 @@
 
       // Avoid repeated Math.pow calls by using manual exponentiation
       var factor = 1;
-      for (var _i9 = 1; _i9 < cashFlows.length; _i9++) {
+      for (var _i0 = 1; _i0 < cashFlows.length; _i0++) {
         factor *= r;
-        result += cashFlows[_i9] / factor;
+        result += cashFlows[_i0] / factor;
       }
       return result;
     };
@@ -34268,7 +34291,7 @@
 
       // Perform bisection
       var c;
-      for (var _i0 = 0; _i0 < maxIterations; _i0++) {
+      for (var _i1 = 0; _i1 < maxIterations; _i1++) {
         c = (a + b) / 2;
         var npvC = cachedNpv(c);
         if (Math.abs(npvC) < epsMax || Math.abs(b - a) < epsMax) {
@@ -35214,9 +35237,7 @@
   }
   var SERVICE_API_KEY = {
     Etherscan: "ETHERSCAN_API_KEY",
-    Coingecko: "COINGECKO_API_KEY",
-    Gnosisscan: 'GNOSISSSCAN',
-    BASESCAN: 'Basescan'
+    Coingecko: "COINGECKO_API_KEY"
   };
   var CHAIN_ID_MAP = {
     ethereum: 1,
@@ -35300,7 +35321,7 @@
   }
   function _GETPRICE() {
     _GETPRICE = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(token, vs_currencies) {
-      var API_KEY, url, options, response, json, jsonResponse, output, _i1, _Object$entries, _Object$entries$_i, coin, prices, _i10, _Object$entries2, _Object$entries2$_i, currency, _value5, key, _t2;
+      var API_KEY, url, options, response, json, jsonResponse, output, _i10, _Object$entries, _Object$entries$_i, coin, prices, _i11, _Object$entries2, _Object$entries2$_i, currency, _value5, key, _t2;
       return _regenerator().w(function (_context3) {
         while (1) switch (_context3.n) {
           case 0:
@@ -35338,10 +35359,10 @@
             jsonResponse = _context3.v;
             // Free Coingecko API does not require API key, not need to handle API key error
             output = {};
-            for (_i1 = 0, _Object$entries = Object.entries(jsonResponse); _i1 < _Object$entries.length; _i1++) {
-              _Object$entries$_i = _slicedToArray(_Object$entries[_i1], 2), coin = _Object$entries$_i[0], prices = _Object$entries$_i[1];
-              for (_i10 = 0, _Object$entries2 = Object.entries(prices); _i10 < _Object$entries2.length; _i10++) {
-                _Object$entries2$_i = _slicedToArray(_Object$entries2[_i10], 2), currency = _Object$entries2$_i[0], _value5 = _Object$entries2$_i[1];
+            for (_i10 = 0, _Object$entries = Object.entries(jsonResponse); _i10 < _Object$entries.length; _i10++) {
+              _Object$entries$_i = _slicedToArray(_Object$entries[_i10], 2), coin = _Object$entries$_i[0], prices = _Object$entries$_i[1];
+              for (_i11 = 0, _Object$entries2 = Object.entries(prices); _i11 < _Object$entries2.length; _i11++) {
+                _Object$entries2$_i = _slicedToArray(_Object$entries2[_i11], 2), currency = _Object$entries2$_i[0], _value5 = _Object$entries2$_i[1];
                 key = "".concat(coin.charAt(0).toUpperCase() + coin.slice(1), "_").concat(currency.toUpperCase());
                 output[key] = _value5;
               }
@@ -76302,7 +76323,8 @@ React keys must be passed directly to JSX without using spread:
     checked: e,
     onCheckedChange: t,
     className: n,
-    disabled: a
+    disabled: a,
+    ...o
   }) => /* @__PURE__ */ d$1.jsxs("div", { className: "flex w-fit", children: [
     /* @__PURE__ */ d$1.jsx(
       "input",
@@ -76315,7 +76337,8 @@ React keys must be passed directly to JSX without using spread:
         type: "checkbox",
         onChange: t,
         checked: e,
-        disabled: a
+        disabled: a,
+        ...o
       }
     ),
     /* @__PURE__ */ d$1.jsx(
@@ -106742,9 +106765,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         type: "checkbox",
         onClick: function onClick() {
           setSplitOperate(function (regStr) {
-            var _splitSymbols$current, _splitSymbols$current2;
-            console.log(getRegStr(regStr, (_splitSymbols$current = splitSymbols.current) === null || _splitSymbols$current === void 0 ? void 0 : _splitSymbols$current.childNodes));
-            return getRegStr(regStr, (_splitSymbols$current2 = splitSymbols.current) === null || _splitSymbols$current2 === void 0 ? void 0 : _splitSymbols$current2.childNodes);
+            var _splitSymbols$current;
+            return getRegStr(regStr, (_splitSymbols$current = splitSymbols.current) === null || _splitSymbols$current === void 0 ? void 0 : _splitSymbols$current.childNodes);
           });
         },
         tabIndex: 0
@@ -106761,8 +106783,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       onClick: function onClick() {
         setOtherFlag(!otherFlag);
         setSplitOperate(function (regStr) {
-          var _splitSymbols$current3;
-          return getRegStr(regStr, (_splitSymbols$current3 = splitSymbols.current) === null || _splitSymbols$current3 === void 0 ? void 0 : _splitSymbols$current3.childNodes);
+          var _splitSymbols$current2;
+          return getRegStr(regStr, (_splitSymbols$current2 = splitSymbols.current) === null || _splitSymbols$current2 === void 0 ? void 0 : _splitSymbols$current2.childNodes);
         });
       },
       tabIndex: 0
@@ -106775,8 +106797,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       onBlur: function onBlur() {
         if (otherFlag) {
           setSplitOperate(function (regStr) {
-            var _splitSymbols$current4;
-            return getRegStr(regStr, (_splitSymbols$current4 = splitSymbols.current) === null || _splitSymbols$current4 === void 0 ? void 0 : _splitSymbols$current4.childNodes);
+            var _splitSymbols$current3;
+            return getRegStr(regStr, (_splitSymbols$current3 = splitSymbols.current) === null || _splitSymbols$current3 === void 0 ? void 0 : _splitSymbols$current3.childNodes);
           });
         }
       }
@@ -106788,8 +106810,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       type: "checkbox",
       onClick: function onClick() {
         setSplitOperate(function (regStr) {
-          var _splitSymbols$current5;
-          return getRegStr(regStr, (_splitSymbols$current5 = splitSymbols.current) === null || _splitSymbols$current5 === void 0 ? void 0 : _splitSymbols$current5.childNodes);
+          var _splitSymbols$current4;
+          return getRegStr(regStr, (_splitSymbols$current4 = splitSymbols.current) === null || _splitSymbols$current4 === void 0 ? void 0 : _splitSymbols$current4.childNodes);
         });
       },
       tabIndex: 0
@@ -107314,7 +107336,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }, tooltip), children);
   };
 
-  var palette = [["#000000", "#444444", "#666666", "#999999", "#cccccc", "#eeeeee", "#f3f3f3", "#ffffff"], ["#f00f00", "#f90f90", "#ff0ff0", "#0f00f0", "#0ff0ff", "#00f00f", "#90f90f", "#f0ff0f"], ["#f4cccc", "#fce5cd", "#fff2cc", "#d9ead3", "#d0e0e3", "#cfe2f3", "#d9d2e9", "#ead1dc"], ["#ea9999", "#f9cb9c", "#ffe599", "#b6d7a8", "#a2c4c9", "#9fc5e8", "#b4a7d6", "#d5a6bd"], ["#e06666", "#f6b26b", "#ffd966", "#93c47d", "#76a5af", "#6fa8dc", "#8e7cc3", "#c27ba0"], ["#c00c00", "#e69138", "#f1c232", "#6aa84f", "#45818e", "#3d85c6", "#674ea7", "#a64d79"], ["#900900", "#b45f06", "#bf9000", "#38761d", "#134f5c", "#0b5394", "#351c75", "#741b47"], ["#600600", "#783f04", "#7f6000", "#274e13", "#0c343d", "#073763", "#20124d", "#4c1130"]];
+  var palette = [["#000000", "#444444", "#666666", "#999999", "#B7B7B7", "#cccccc", "#D9D9D9", "#EFEFEF", "#f3f3f3", "#ffffff"], ["#970007", "#FE0012", "#FE9728", "#FFFD40", "#27FD3C", "#21FFFF", "#4A89E4", "#0027F9", "#9726FA", "#FD23FA"], ["#E6B8B0", "#f4cccc", "#FCE5CF", "#FFF1CF", "#DAEAD4", "#D0E0E3", "#C9DBF7", "#CFE3F2", "#D9D3E8", "#EAD1DC"], ["#DC7D6D", "#E9999A", "#F9CAA0", "#FFE49F", "#B7D6AB", "#A3C4C9", "#A4C3F2", "#A0C6E6", "#B4A8D4", "#D5A7BC"], ["#CB402B", "#DF6668", "#F6B171", "#FFD871", "#95C382", "#77A6AF", "#6DA0E8", "#70AADA", "#8E7EC0", "#C17C9F"], ["#A51A0A", "#CB000C", "#E59043", "#F1C046", "#6CA756", "#46828D", "#3C7BD4", "#3E87C3", "#6651A4", "#A54E78"], ["#841F11", "#980007", "#B35E19", "#BF8F22", "#3A7527", "#15505B", "#0E5AC8", "#0B5592", "#0B5592", "#731C46"], ["#5B0E03", "#660003", "#783E0E", "#7F5F13", "#284E19", "#0D343D", "#1C4785", "#073961", "#1F154B", "#4C112F"]];
   var ColorPicker = function ColorPicker(_ref) {
     var onPick = _ref.onPick;
     return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -107332,7 +107354,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           },
           tabIndex: 0,
           style: {
-            backgroundColor: c
+            backgroundColor: c,
+            border: c === "#ffffff" ? "1px solid #E8EBEC" : "none"
           }
         });
       }));
@@ -107342,16 +107365,6 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   var CustomColor = function CustomColor(_ref) {
     var onCustomPick = _ref.onCustomPick,
       onColorPick = _ref.onColorPick;
-    var _useContext = React.useContext(WorkbookContext),
-      context = _useContext.context;
-    var _locale = locale(context),
-      toolbar = _locale.toolbar,
-      sheetconfig = _locale.sheetconfig,
-      button = _locale.button;
-    var _useState = React.useState("#000000"),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputColor = _useState2[0],
-      setInputColor = _useState2[1];
     return /*#__PURE__*/React__default['default'].createElement("div", {
       id: "fortune-custom-color"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -107360,21 +107373,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         return onCustomPick(undefined);
       },
       tabIndex: 0
-    }, sheetconfig.resetColor), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "custom-color"
-    }, /*#__PURE__*/React__default['default'].createElement("div", null, toolbar.customColor, ":"), /*#__PURE__*/React__default['default'].createElement("input", {
-      type: "color",
-      value: inputColor,
-      onChange: function onChange(e) {
-        return setInputColor(e.target.value);
-      }
-    }), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "button-basic button-primary",
-      onClick: function onClick() {
-        onCustomPick(inputColor);
-      },
-      tabIndex: 0
-    }, button.confirm)), /*#__PURE__*/React__default['default'].createElement(ColorPicker, {
+    }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
+      name: "reset-color",
+      width: 16,
+      height: 16
+    }), "Reset"), /*#__PURE__*/React__default['default'].createElement(ColorPicker, {
       onPick: function onPick(color) {
         onColorPick(color);
       }
@@ -117115,7 +117118,30 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }), /*#__PURE__*/React__default['default'].createElement("path", {
       d: "M6.64775 8.97978L3.77152 6.10355C3.45654 5.78857 3.67962 5.25 4.12507 5.25H9.87753C10.323 5.25 10.5461 5.78857 10.2311 6.10355L7.35486 8.97978C7.15959 9.17504 6.84301 9.17504 6.64775 8.97978Z",
       fill: "#363B3F"
-    }))));
+    })), /*#__PURE__*/React__default['default'].createElement("symbol", {
+      id: "reset-color",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }, /*#__PURE__*/React__default['default'].createElement("svg", {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React__default['default'].createElement("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M0.862148 0.862148C1.10623 0.618071 1.49223 0.603009 1.75408 0.816575L1.80486 0.862148L12.551 11.6082C12.5999 11.6454 12.6425 11.6884 12.6786 11.7358L15.1382 14.1955L15.1838 14.2463C15.3972 14.5081 15.3822 14.8942 15.1382 15.1382C14.8942 15.3822 14.5081 15.3972 14.2463 15.1838L14.1955 15.1382L12.2625 13.2052C11.7308 13.9122 11.0289 14.4803 10.2157 14.8517C9.12793 15.3485 7.90444 15.4657 6.74236 15.1838C5.58035 14.9018 4.54658 14.237 3.80746 13.297C3.11451 12.4157 2.71809 11.3399 2.67139 10.2235L2.66684 10.0002C2.66684 8.42922 3.45419 6.99237 4.89079 5.8335L0.862148 1.80486L0.816576 1.75408C0.603009 1.49223 0.618071 1.10623 0.862148 0.862148ZM5.75082 6.85368C4.53724 7.82455 4.00017 8.91389 4.00017 10.0002L4.00342 10.1681C4.03852 11.0053 4.33604 11.8119 4.85564 12.4728C5.40996 13.1777 6.18536 13.676 7.05681 13.8875C7.92833 14.099 8.84587 14.0114 9.66163 13.6388C10.3296 13.3337 10.8972 12.8516 11.3068 12.2495L5.83741 6.78012C5.80821 6.80424 5.78036 6.83 5.75082 6.85368Z",
+      fill: "#363B3F"
+    }), /*#__PURE__*/React__default['default'].createElement("path", {
+      d: "M13.1121 8.58741C13.2242 8.93794 13.0303 9.31366 12.6799 9.42595C12.3294 9.53789 11.9543 9.34458 11.842 8.99431L13.1121 8.58741Z",
+      fill: "#363B3F"
+    }), /*#__PURE__*/React__default['default'].createElement("path", {
+      d: "M8.00147 1.3335C8.31859 1.33426 8.59155 1.55835 8.65382 1.86931C8.95517 3.3758 9.86768 4.83997 11.0835 5.81267L11.2677 5.96501C12.171 6.73236 12.8015 7.61685 13.1121 8.58741L12.4767 8.79053L11.842 8.99431C11.6214 8.30509 11.1562 7.61973 10.4045 6.98129L10.2508 6.85434C9.31898 6.10886 8.53727 5.12515 8.00017 4.03337C7.83296 4.35237 7.44178 4.48213 7.11671 4.32243C6.78643 4.15985 6.6502 3.76015 6.81267 3.42986C7.05681 2.9339 7.23662 2.40833 7.34717 1.86671L7.3615 1.80941C7.44507 1.52891 7.70415 1.33298 8.00147 1.3335Z",
+      fill: "#363B3F"
+    })))));
   };
 
   var ChangeColor = function ChangeColor(_ref) {