use radix-ui tooltip instead of rc-tooltip

package-lock.json

@@ -11,13 +11,13 @@
             "dependencies": {
                 "@radix-ui/react-icons": "^1.1.1",
                 "@radix-ui/react-navigation-menu": "^1.0.0",
+                "@radix-ui/react-tooltip": "^1.0.0",
                 "classnames": "^2.2.6",
                 "date-fns": "^2.29.0",
                 "lodash": "^4.17.21",
                 "markdown-it": "^13.0.1",
                 "next": "^12.3.0",
                 "next-seo": "^5.5.0",
-                "rc-tooltip": "^5.1.0",
                 "react": "^18.2.0",
                 "react-dom": "^18.2.0",
                 "react-icons": "^4.2.0",
@@ -88,6 +88,32 @@
                 "url": "https://opencollective.com/eslint"
             }
         },
+        "node_modules/@floating-ui/core": {
+            "version": "0.7.3",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.3.tgz",
+            "integrity": "sha512-buc8BXHmG9l82+OQXOFU3Kr2XQx9ys01U/Q9HMIrZ300iLc8HLMgh7dcCqgYzAzf4BkoQvDcXf5Y+CuEZ5JBYg=="
+        },
+        "node_modules/@floating-ui/dom": {
+            "version": "0.5.4",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.5.4.tgz",
+            "integrity": "sha512-419BMceRLq0RrmTSDxn8hf9R3VCJv2K9PUfugh5JyEFmdjzDo+e8U5EdR8nzKq8Yj1htzLm3b6eQEEam3/rrtg==",
+            "dependencies": {
+                "@floating-ui/core": "^0.7.3"
+            }
+        },
+        "node_modules/@floating-ui/react-dom": {
+            "version": "0.7.2",
+            "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-0.7.2.tgz",
+            "integrity": "sha512-1T0sJcpHgX/u4I1OzIEhlcrvkUN8ln39nz7fMoE/2HDHrPiMFoOGR7++GYyfUmIQHkkrTinaeQsO3XWubjSvGg==",
+            "dependencies": {
+                "@floating-ui/dom": "^0.5.3",
+                "use-isomorphic-layout-effect": "^1.1.1"
+            },
+            "peerDependencies": {
+                "react": ">=16.8.0",
+                "react-dom": ">=16.8.0"
+            }
+        },
         "node_modules/@humanwhocodes/config-array": {
             "version": "0.10.7",
             "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.7.tgz",
@@ -373,6 +399,19 @@
                 "@babel/runtime": "^7.13.10"
             }
         },
+        "node_modules/@radix-ui/react-arrow": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.0.tgz",
+            "integrity": "sha512-1MUuv24HCdepi41+qfv125EwMuxgQ+U+h0A9K3BjCO/J8nVRREKHHpkD9clwfnjEDk9hgGzCnff4aUKCPiRepw==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-primitive": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
         "node_modules/@radix-ui/react-collection": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.0.tgz",
@@ -485,6 +524,40 @@
                 "react-dom": "^16.8 || ^17.0 || ^18.0"
             }
         },
+        "node_modules/@radix-ui/react-popper": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.0.0.tgz",
+            "integrity": "sha512-k2dDd+1Wl0XWAMs9ZvAxxYsB9sOsEhrFQV4CINd7IUZf0wfdye4OHen9siwxvZImbzhgVeKTJi68OQmPRvVdMg==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@floating-ui/react-dom": "0.7.2",
+                "@radix-ui/react-arrow": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.0",
+                "@radix-ui/react-use-layout-effect": "1.0.0",
+                "@radix-ui/react-use-rect": "1.0.0",
+                "@radix-ui/react-use-size": "1.0.0",
+                "@radix-ui/rect": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-portal": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.0.tgz",
+            "integrity": "sha512-a8qyFO/Xb99d8wQdu4o7qnigNjTPG123uADNecz0eX4usnQEj7o+cG4ZX4zkqq98NYekT7UoEQIjxBNWIFuqTA==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-primitive": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
         "node_modules/@radix-ui/react-presence": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.0.0.tgz",
@@ -524,6 +597,30 @@
                 "react": "^16.8 || ^17.0 || ^18.0"
             }
         },
+        "node_modules/@radix-ui/react-tooltip": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.0.0.tgz",
+            "integrity": "sha512-RB06pov+O4Npy10ei1C6fsyB9QoOjz7Ubo8Sl3qdKtLgkL9iI96925DYtH0bxx6MH6YB2FuzLU6B75qn3AQQQw==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-dismissable-layer": "1.0.0",
+                "@radix-ui/react-id": "1.0.0",
+                "@radix-ui/react-popper": "1.0.0",
+                "@radix-ui/react-portal": "1.0.0",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.0",
+                "@radix-ui/react-slot": "1.0.0",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "@radix-ui/react-visually-hidden": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
         "node_modules/@radix-ui/react-use-callback-ref": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
@@ -581,6 +678,30 @@
                 "react": "^16.8 || ^17.0 || ^18.0"
             }
         },
+        "node_modules/@radix-ui/react-use-rect": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.0.tgz",
+            "integrity": "sha512-TB7pID8NRMEHxb/qQJpvSt3hQU4sqNPM1VCTjTRjEOa7cEop/QMuq8S6fb/5Tsz64kqSvB9WnwsDHtjnrM9qew==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/rect": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-use-size": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.0.tgz",
+            "integrity": "sha512-imZ3aYcoYCKhhgNpkNDh/aTiU05qw9hX+HHI1QDBTyIlcFjgeFlKKySNGMwTp7nYFLQg/j0VA2FmCY4WPDDHMg==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-use-layout-effect": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
         "node_modules/@radix-ui/react-visually-hidden": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.0.tgz",
@@ -594,6 +715,14 @@
                 "react-dom": "^16.8 || ^17.0 || ^18.0"
             }
         },
+        "node_modules/@radix-ui/rect": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.0.tgz",
+            "integrity": "sha512-d0O68AYy/9oeEy1DdC07bz1/ZXX+DqCskRd3i4JzLSTXwefzaepQrKjXC7aNM8lTHjFLDO0pDgaEiQ7jEk+HVg==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
         "node_modules/@rushstack/eslint-patch": {
             "version": "1.1.4",
             "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.1.4.tgz",
@@ -1302,11 +1431,6 @@
                 "node": ">=6.0.0"
             }
         },
-        "node_modules/dom-align": {
-            "version": "1.12.3",
-            "resolved": "https://registry.npmjs.org/dom-align/-/dom-align-1.12.3.tgz",
-            "integrity": "sha512-Gj9hZN3a07cbR6zviMUBOMPdWxYhbMI+x+WS0NAIu2zFZmbK8ys9R79g+iG9qLnlCwpFoaB+fKy8Pdv470GsPA=="
-        },
         "node_modules/emoji-regex": {
             "version": "9.2.2",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
@@ -3275,83 +3399,6 @@
                 "rc": "cli.js"
             }
         },
-        "node_modules/rc-align": {
-            "version": "4.0.12",
-            "resolved": "https://registry.npmjs.org/rc-align/-/rc-align-4.0.12.tgz",
-            "integrity": "sha512-3DuwSJp8iC/dgHzwreOQl52soj40LchlfUHtgACOUtwGuoFIOVh6n/sCpfqCU8kO5+iz6qR0YKvjgB8iPdE3aQ==",
-            "dependencies": {
-                "@babel/runtime": "^7.10.1",
-                "classnames": "2.x",
-                "dom-align": "^1.7.0",
-                "lodash": "^4.17.21",
-                "rc-util": "^5.3.0",
-                "resize-observer-polyfill": "^1.5.1"
-            },
-            "peerDependencies": {
-                "react": ">=16.9.0",
-                "react-dom": ">=16.9.0"
-            }
-        },
-        "node_modules/rc-motion": {
-            "version": "2.6.2",
-            "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.6.2.tgz",
-            "integrity": "sha512-4w1FaX3dtV749P8GwfS4fYnFG4Rb9pxvCYPc/b2fw1cmlHJWNNgOFIz7ysiD+eOrzJSvnLJWlNQQncpNMXwwpg==",
-            "dependencies": {
-                "@babel/runtime": "^7.11.1",
-                "classnames": "^2.2.1",
-                "rc-util": "^5.21.0"
-            },
-            "peerDependencies": {
-                "react": ">=16.9.0",
-                "react-dom": ">=16.9.0"
-            }
-        },
-        "node_modules/rc-tooltip": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-5.1.0.tgz",
-            "integrity": "sha512-pFqD1JZwNIpbdcefB7k5xREoHAWM/k3yQwYF0iminbmDXERgq4rvBfUwIvlCqqZSM7HDr9hYeYr6ZsVNaKtvCQ==",
-            "dependencies": {
-                "@babel/runtime": "^7.11.2",
-                "rc-trigger": "^5.0.0"
-            },
-            "peerDependencies": {
-                "react": ">=16.9.0",
-                "react-dom": ">=16.9.0"
-            }
-        },
-        "node_modules/rc-trigger": {
-            "version": "5.3.1",
-            "resolved": "https://registry.npmjs.org/rc-trigger/-/rc-trigger-5.3.1.tgz",
-            "integrity": "sha512-5gaFbDkYSefZ14j2AdzucXzlWgU2ri5uEjkHvsf1ynRhdJbKxNOnw4PBZ9+FVULNGFiDzzlVF8RJnR9P/xrnKQ==",
-            "dependencies": {
-                "@babel/runtime": "^7.18.3",
-                "classnames": "^2.2.6",
-                "rc-align": "^4.0.0",
-                "rc-motion": "^2.0.0",
-                "rc-util": "^5.19.2"
-            },
-            "engines": {
-                "node": ">=8.x"
-            },
-            "peerDependencies": {
-                "react": ">=16.9.0",
-                "react-dom": ">=16.9.0"
-            }
-        },
-        "node_modules/rc-util": {
-            "version": "5.24.2",
-            "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.24.2.tgz",
-            "integrity": "sha512-MWd0ZEV7xSwN4HM9jz9BwpnMzwCPjYJ7K90lePsrdgAkrmm8U7b4BOTIsv/84BQsaF7N3ejNkcrZ3AfEwc9HXA==",
-            "dependencies": {
-                "@babel/runtime": "^7.18.3",
-                "react-is": "^16.12.0",
-                "shallowequal": "^1.1.0"
-            },
-            "peerDependencies": {
-                "react": ">=16.9.0",
-                "react-dom": ">=16.9.0"
-            }
-        },
         "node_modules/rc/node_modules/strip-json-comments": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
@@ -3394,7 +3441,8 @@
         "node_modules/react-is": {
             "version": "16.13.1",
             "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+            "dev": true
         },
         "node_modules/react-universal-interface": {
             "version": "0.6.2",
@@ -3635,11 +3683,6 @@
                 "node": ">=6.9"
             }
         },
-        "node_modules/shallowequal": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
-            "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
-        },
         "node_modules/sharp": {
             "version": "0.31.0",
             "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.31.0.tgz",
@@ -4196,6 +4239,19 @@
             "resolved": "http://storage.mds.yandex.net/get-npm/69187/url-join-1.1.0.tgz",
             "integrity": "sha1-dBxsL0WWxIMNZxhGCSDQySIC3Hg="
         },
+        "node_modules/use-isomorphic-layout-effect": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
+            "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==",
+            "peerDependencies": {
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/use-media": {
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/use-media/-/use-media-1.4.0.tgz",
@@ -4325,6 +4381,28 @@
                 "strip-json-comments": "^3.1.1"
             }
         },
+        "@floating-ui/core": {
+            "version": "0.7.3",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.3.tgz",
+            "integrity": "sha512-buc8BXHmG9l82+OQXOFU3Kr2XQx9ys01U/Q9HMIrZ300iLc8HLMgh7dcCqgYzAzf4BkoQvDcXf5Y+CuEZ5JBYg=="
+        },
+        "@floating-ui/dom": {
+            "version": "0.5.4",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.5.4.tgz",
+            "integrity": "sha512-419BMceRLq0RrmTSDxn8hf9R3VCJv2K9PUfugh5JyEFmdjzDo+e8U5EdR8nzKq8Yj1htzLm3b6eQEEam3/rrtg==",
+            "requires": {
+                "@floating-ui/core": "^0.7.3"
+            }
+        },
+        "@floating-ui/react-dom": {
+            "version": "0.7.2",
+            "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-0.7.2.tgz",
+            "integrity": "sha512-1T0sJcpHgX/u4I1OzIEhlcrvkUN8ln39nz7fMoE/2HDHrPiMFoOGR7++GYyfUmIQHkkrTinaeQsO3XWubjSvGg==",
+            "requires": {
+                "@floating-ui/dom": "^0.5.3",
+                "use-isomorphic-layout-effect": "^1.1.1"
+            }
+        },
         "@humanwhocodes/config-array": {
             "version": "0.10.7",
             "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.10.7.tgz",
@@ -4474,6 +4552,15 @@
                 "@babel/runtime": "^7.13.10"
             }
         },
+        "@radix-ui/react-arrow": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.0.tgz",
+            "integrity": "sha512-1MUuv24HCdepi41+qfv125EwMuxgQ+U+h0A9K3BjCO/J8nVRREKHHpkD9clwfnjEDk9hgGzCnff4aUKCPiRepw==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-primitive": "1.0.0"
+            }
+        },
         "@radix-ui/react-collection": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.0.tgz",
@@ -4560,6 +4647,32 @@
                 "@radix-ui/react-visually-hidden": "1.0.0"
             }
         },
+        "@radix-ui/react-popper": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.0.0.tgz",
+            "integrity": "sha512-k2dDd+1Wl0XWAMs9ZvAxxYsB9sOsEhrFQV4CINd7IUZf0wfdye4OHen9siwxvZImbzhgVeKTJi68OQmPRvVdMg==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@floating-ui/react-dom": "0.7.2",
+                "@radix-ui/react-arrow": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.0",
+                "@radix-ui/react-use-layout-effect": "1.0.0",
+                "@radix-ui/react-use-rect": "1.0.0",
+                "@radix-ui/react-use-size": "1.0.0",
+                "@radix-ui/rect": "1.0.0"
+            }
+        },
+        "@radix-ui/react-portal": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.0.tgz",
+            "integrity": "sha512-a8qyFO/Xb99d8wQdu4o7qnigNjTPG123uADNecz0eX4usnQEj7o+cG4ZX4zkqq98NYekT7UoEQIjxBNWIFuqTA==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-primitive": "1.0.0"
+            }
+        },
         "@radix-ui/react-presence": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.0.0.tgz",
@@ -4588,6 +4701,26 @@
                 "@radix-ui/react-compose-refs": "1.0.0"
             }
         },
+        "@radix-ui/react-tooltip": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.0.0.tgz",
+            "integrity": "sha512-RB06pov+O4Npy10ei1C6fsyB9QoOjz7Ubo8Sl3qdKtLgkL9iI96925DYtH0bxx6MH6YB2FuzLU6B75qn3AQQQw==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-dismissable-layer": "1.0.0",
+                "@radix-ui/react-id": "1.0.0",
+                "@radix-ui/react-popper": "1.0.0",
+                "@radix-ui/react-portal": "1.0.0",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.0",
+                "@radix-ui/react-slot": "1.0.0",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "@radix-ui/react-visually-hidden": "1.0.0"
+            }
+        },
         "@radix-ui/react-use-callback-ref": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
@@ -4630,6 +4763,24 @@
                 "@babel/runtime": "^7.13.10"
             }
         },
+        "@radix-ui/react-use-rect": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.0.tgz",
+            "integrity": "sha512-TB7pID8NRMEHxb/qQJpvSt3hQU4sqNPM1VCTjTRjEOa7cEop/QMuq8S6fb/5Tsz64kqSvB9WnwsDHtjnrM9qew==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/rect": "1.0.0"
+            }
+        },
+        "@radix-ui/react-use-size": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.0.tgz",
+            "integrity": "sha512-imZ3aYcoYCKhhgNpkNDh/aTiU05qw9hX+HHI1QDBTyIlcFjgeFlKKySNGMwTp7nYFLQg/j0VA2FmCY4WPDDHMg==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-use-layout-effect": "1.0.0"
+            }
+        },
         "@radix-ui/react-visually-hidden": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.0.tgz",
@@ -4639,6 +4790,14 @@
                 "@radix-ui/react-primitive": "1.0.0"
             }
         },
+        "@radix-ui/rect": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.0.tgz",
+            "integrity": "sha512-d0O68AYy/9oeEy1DdC07bz1/ZXX+DqCskRd3i4JzLSTXwefzaepQrKjXC7aNM8lTHjFLDO0pDgaEiQ7jEk+HVg==",
+            "requires": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
         "@rushstack/eslint-patch": {
             "version": "1.1.4",
             "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.1.4.tgz",
@@ -5158,11 +5317,6 @@
                 "esutils": "^2.0.2"
             }
         },
-        "dom-align": {
-            "version": "1.12.3",
-            "resolved": "https://registry.npmjs.org/dom-align/-/dom-align-1.12.3.tgz",
-            "integrity": "sha512-Gj9hZN3a07cbR6zviMUBOMPdWxYhbMI+x+WS0NAIu2zFZmbK8ys9R79g+iG9qLnlCwpFoaB+fKy8Pdv470GsPA=="
-        },
         "emoji-regex": {
             "version": "9.2.2",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
@@ -6621,60 +6775,6 @@
                 }
             }
         },
-        "rc-align": {
-            "version": "4.0.12",
-            "resolved": "https://registry.npmjs.org/rc-align/-/rc-align-4.0.12.tgz",
-            "integrity": "sha512-3DuwSJp8iC/dgHzwreOQl52soj40LchlfUHtgACOUtwGuoFIOVh6n/sCpfqCU8kO5+iz6qR0YKvjgB8iPdE3aQ==",
-            "requires": {
-                "@babel/runtime": "^7.10.1",
-                "classnames": "2.x",
-                "dom-align": "^1.7.0",
-                "lodash": "^4.17.21",
-                "rc-util": "^5.3.0",
-                "resize-observer-polyfill": "^1.5.1"
-            }
-        },
-        "rc-motion": {
-            "version": "2.6.2",
-            "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.6.2.tgz",
-            "integrity": "sha512-4w1FaX3dtV749P8GwfS4fYnFG4Rb9pxvCYPc/b2fw1cmlHJWNNgOFIz7ysiD+eOrzJSvnLJWlNQQncpNMXwwpg==",
-            "requires": {
-                "@babel/runtime": "^7.11.1",
-                "classnames": "^2.2.1",
-                "rc-util": "^5.21.0"
-            }
-        },
-        "rc-tooltip": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-5.1.0.tgz",
-            "integrity": "sha512-pFqD1JZwNIpbdcefB7k5xREoHAWM/k3yQwYF0iminbmDXERgq4rvBfUwIvlCqqZSM7HDr9hYeYr6ZsVNaKtvCQ==",
-            "requires": {
-                "@babel/runtime": "^7.11.2",
-                "rc-trigger": "^5.0.0"
-            }
-        },
-        "rc-trigger": {
-            "version": "5.3.1",
-            "resolved": "https://registry.npmjs.org/rc-trigger/-/rc-trigger-5.3.1.tgz",
-            "integrity": "sha512-5gaFbDkYSefZ14j2AdzucXzlWgU2ri5uEjkHvsf1ynRhdJbKxNOnw4PBZ9+FVULNGFiDzzlVF8RJnR9P/xrnKQ==",
-            "requires": {
-                "@babel/runtime": "^7.18.3",
-                "classnames": "^2.2.6",
-                "rc-align": "^4.0.0",
-                "rc-motion": "^2.0.0",
-                "rc-util": "^5.19.2"
-            }
-        },
-        "rc-util": {
-            "version": "5.24.2",
-            "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.24.2.tgz",
-            "integrity": "sha512-MWd0ZEV7xSwN4HM9jz9BwpnMzwCPjYJ7K90lePsrdgAkrmm8U7b4BOTIsv/84BQsaF7N3ejNkcrZ3AfEwc9HXA==",
-            "requires": {
-                "@babel/runtime": "^7.18.3",
-                "react-is": "^16.12.0",
-                "shallowequal": "^1.1.0"
-            }
-        },
         "react": {
             "version": "18.2.0",
             "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -6701,7 +6801,8 @@
         "react-is": {
             "version": "16.13.1",
             "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+            "dev": true
         },
         "react-universal-interface": {
             "version": "0.6.2",
@@ -6860,11 +6961,6 @@
             "resolved": "https://registry.npmjs.org/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz",
             "integrity": "sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g=="
         },
-        "shallowequal": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
-            "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
-        },
         "sharp": {
             "version": "0.31.0",
             "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.31.0.tgz",
@@ -7283,6 +7379,12 @@
             "resolved": "http://storage.mds.yandex.net/get-npm/69187/url-join-1.1.0.tgz",
             "integrity": "sha1-dBxsL0WWxIMNZxhGCSDQySIC3Hg="
         },
+        "use-isomorphic-layout-effect": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
+            "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==",
+            "requires": {}
+        },
         "use-media": {
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/use-media/-/use-media-1.4.0.tgz",

package.json

@@ -20,13 +20,13 @@
     "dependencies": {
         "@radix-ui/react-icons": "^1.1.1",
         "@radix-ui/react-navigation-menu": "^1.0.0",
+        "@radix-ui/react-tooltip": "^1.0.0",
         "classnames": "^2.2.6",
         "date-fns": "^2.29.0",
         "lodash": "^4.17.21",
         "markdown-it": "^13.0.1",
         "next": "^12.3.0",
         "next-seo": "^5.5.0",
-        "rc-tooltip": "^5.1.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-icons": "^4.2.0",

src/components/FIleCard/Signature.tsx

@@ -1,9 +1,9 @@
-import "rc-tooltip/assets/bootstrap_white.css"
 import s from "./signature.module.css"
 
 import { Sign } from "@/types"
 import { FiShield } from "react-icons/fi"
-import Tooltip from "rc-tooltip"
+
+import * as Tooltip from "@radix-ui/react-tooltip"
 
 export type SignatureProps = Sign
 export const Signature: React.FC<SignatureProps> = props => {
@@ -17,8 +17,19 @@ export const Signature: React.FC<SignatureProps> = props => {
     )
 
     return (
-        <Tooltip overlayClassName={"hudozka"} placement="left" trigger={["hover", "click"]} overlay={content}>
+        <Tooltip.Provider>
-            <FiShield className={s.secure} size={20} />
+            <Tooltip.Root>
-        </Tooltip>
+                <Tooltip.Trigger className={s.tooltipTrigger}>
+                    <FiShield className={s.secure} size={20} />
+                </Tooltip.Trigger>
+
+                <Tooltip.Portal>
+                    <Tooltip.Content className={s.tooltip}>
+                        {content}
+                        <Tooltip.Arrow className={s.tooltipArrow} />
+                    </Tooltip.Content>
+                </Tooltip.Portal>
+            </Tooltip.Root>
+        </Tooltip.Provider>
     )
 }

src/components/FIleCard/index.tsx

@@ -6,6 +6,7 @@ import { size, ext } from "@/lib/file"
 import { getResizedUrl } from "@/lib/image"
 import { Signature } from "./Signature"
 import Link from "next/link"
+import { Box } from "@/ui/Box"
 
 export type FileCardProps = FileTokenData & {
     sign?: Sign
@@ -38,12 +39,16 @@ export const FileCard: React.FC<FileCardProps> = props => {
             </a>
 
             <div>
-                {!props.sign ? null : (
+                <Box align={false} gap={"var(--size-xs)"}>
-                    <Signature
+                    {!props.sign ? null : (
-                        {...props.sign}
+                        <Signature
-                    />
+                            {...props.sign}
-                )}
+                        />
-                <a href={props.url}>{props.title}</a>
+                    )}
+                    <Link href={props.url}>
+                        <a>{props.title}</a>
+                    </Link>
+                </Box>
             </div>
 
             <div className={s.info}>

src/components/FIleCard/signature.module.css

@@ -1,9 +1,27 @@
-.secure {
-  padding-right: var(--size-xs);
-  position: relative;
-  top: 2px;
-}
-
 .signature{
     list-style: none;
 }
+
+.tooltipTrigger {
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+}
+
+.tooltip {
+  padding: var(--size-m);
+  color: var(--color-text-opposite);
+  text-align: left;
+  text-decoration: none;
+  background-color: var(--color-back-opposite);
+  border-radius: var(--radius);
+  min-height: 34px;
+  border: none;
+  box-shadow: var(--shadow);
+}
+
+.tooltipArrow {
+  width: var(--size-m);
+  height: var(--size-s);
+
+  fill: var(--color-back-opposite);
+}

src/style/style.css

@@ -126,38 +126,6 @@ h3 {
     border-bottom-color: var(--color-text-opposite);
 }
 
-
-/* RC TOOLTIP OVERRIDE */
-.hudozka.rc-tooltip {
-    position: absolute;
-    background-color: initial;
-    padding: 0;
-    opacity: 1;
-}
-.hudozka.rc-tooltip-placement-left .rc-tooltip-arrow {
-    border-left-color: var(--color-back-opposite);
-}
-.hudozka.rc-tooltip-placement-right .rc-tooltip-arrow {
-    border-right-color: var(--color-back-opposite);
-}
-.hudozka.rc-tooltip-placement-top .rc-tooltip-arrow {
-    border-top-color: var(--color-back-opposite);
-}
-.hudozka.rc-tooltip-placement-bottom .rc-tooltip-arrow {
-    border-bottom-color: var(--color-back-opposite);
-}
-.hudozka .rc-tooltip-inner {
-  padding: var(--size-m);
-  color: var(--color-text-opposite);
-  text-align: left;
-  text-decoration: none;
-  background-color: var(--color-back-opposite);
-  border-radius: var(--radius);
-  min-height: 34px;
-  border: none;
-  box-shadow: var(--shadow);
-}
-
 /* MOBILE */
 @media (max-width: 31.25em) {
     :root, .theme-contrast {

src/ui/Box/box.module.css

@@ -1,7 +1,5 @@
 .box {
     display: flex;
-    align-items: baseline;
-
     justify-content: flex-start;
     flex-wrap: nowrap;
     flex-direction: row;