diff --git a/Cargo.lock b/Cargo.lock
index acc3b7b..80f7869 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -4,24 +4,24 @@ version = 4
 
 [[package]]
 name = "addr2line"
-version = "0.21.0"
+version = "0.24.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8a30b2e23b9e17a9f90641c7ab1549cd9b44f296d3ccbf309d2863cfe398a0cb"
+checksum = "dfbe277e56a376000877090da837660b4427aad530e3028d44e0bffe4f89a1c1"
 dependencies = [
  "gimli",
 ]
 
 [[package]]
-name = "adler"
-version = "1.0.2"
+name = "adler2"
+version = "2.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f26201604c87b1e01bd3d98f8d5d9a8fcbb815e8cedb41ffccbeb4bf593a35fe"
+checksum = "512761e0bb2578dd7380c6baaa0f4ce03e84f95e960231d1dec8bf4d7d6e2627"
 
 [[package]]
 name = "anyhow"
-version = "1.0.75"
+version = "1.0.98"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a4668cab20f66d8d020e1fbc0ebe47217433c1b6c8f2040faf858554e394ace6"
+checksum = "e16d2d3311acee920a9eb8d33b8cbc1787ce4a264e85f964c2404b969bdcd487"
 
 [[package]]
 name = "anymap2"
@@ -31,23 +31,23 @@ checksum = "d301b3b94cb4b2f23d7917810addbbaff90738e0ca2be692bd027e70d7e0330c"
 
 [[package]]
 name = "autocfg"
-version = "1.1.0"
+version = "1.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d468802bab17cbc0cc575e9b053f41e72aa36bfa6b7f55e3529ffa43161b97fa"
+checksum = "ace50bade8e6234aa140d9a2f552bbee1db4d353f69b8217bc503490fc1a9f26"
 
 [[package]]
 name = "backtrace"
-version = "0.3.69"
+version = "0.3.74"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2089b7e3f35b9dd2d0ed921ead4f6d318c27680d4a5bd167b3ee120edb105837"
+checksum = "8d82cb332cdfaed17ae235a638438ac4d4839913cc2af585c3c6746e8f8bee1a"
 dependencies = [
  "addr2line",
- "cc",
  "cfg-if",
  "libc",
  "miniz_oxide",
  "object",
  "rustc-demangle",
+ "windows-targets",
 ]
 
 [[package]]
@@ -67,24 +67,15 @@ checksum = "cfa8873f51c92e232f9bac4065cddef41b714152812bfc5f7672ba16d6ef8cd9"
 
 [[package]]
 name = "bumpalo"
-version = "3.14.0"
+version = "3.17.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7f30e7476521f6f8af1a1c4c0b8cc94f0bee37d91763d0ca2665f299b6cd8aec"
+checksum = "1628fb46dfa0b37568d12e5edd512553eccf6a22a78e8bde00bb4aed84d5bdbf"
 
 [[package]]
 name = "bytes"
-version = "1.5.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a2bd12c1caf447e69cd4528f47f94d203fd2582878ecb9e9465484c4148a8223"
-
-[[package]]
-name = "cc"
-version = "1.0.83"
+version = "1.10.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f1174fb0b6ec23863f8b971027804a42614e347eafb0a95bf0b12cdae21fc4d0"
-dependencies = [
- "libc",
-]
+checksum = "d71b6127be86fdcfddb610f7182ac57211d4b18a3e9c82eb2d17662f2227ad6a"
 
 [[package]]
 name = "cfg-if"
@@ -113,9 +104,9 @@ dependencies = [
 
 [[package]]
 name = "equivalent"
-version = "1.0.1"
+version = "1.0.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5443807d6dff69373d433ab9ef5378ad8df50ca6298caf15de6e52e24aaf54d5"
+checksum = "877a4ace8713b0bcf2a4e7eec82529c029f1d0619886d18145fea96c3ffe5c0f"
 
 [[package]]
 name = "fnv"
@@ -125,18 +116,18 @@ checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"
 
 [[package]]
 name = "form_urlencoded"
-version = "1.2.0"
+version = "1.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a62bc1cf6f830c2ec14a513a9fb124d0a213a629668a4186f329db21fe045652"
+checksum = "e13624c2627564efccf4934284bdd98cbaa14e79b0b5a141218e507b3a823456"
 dependencies = [
  "percent-encoding",
 ]
 
 [[package]]
 name = "futures"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "23342abe12aba583913b2e62f22225ff9c950774065e4bfb61a19cd9770fec40"
+checksum = "65bc07b1a8bc7c85c5f2e110c476c7389b4554ba72af57d8445ea63a576b0876"
 dependencies = [
  "futures-channel",
  "futures-core",
@@ -148,9 +139,9 @@ dependencies = [
 
 [[package]]
 name = "futures-channel"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "955518d47e09b25bbebc7a18df10b81f0c766eaf4c4f1cccef2fca5f2a4fb5f2"
+checksum = "2dff15bf788c671c1934e366d07e30c1814a8ef514e1af724a602e8a2fbe1b10"
 dependencies = [
  "futures-core",
  "futures-sink",
@@ -158,44 +149,44 @@ dependencies = [
 
 [[package]]
 name = "futures-core"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4bca583b7e26f571124fe5b7561d49cb2868d79116cfa0eefce955557c6fee8c"
+checksum = "05f29059c0c2090612e8d742178b0580d2dc940c837851ad723096f87af6663e"
 
 [[package]]
 name = "futures-io"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4fff74096e71ed47f8e023204cfd0aa1289cd54ae5430a9523be060cdb849964"
+checksum = "9e5c1b78ca4aae1ac06c48a526a655760685149f0d465d21f37abfe57ce075c6"
 
 [[package]]
 name = "futures-macro"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "89ca545a94061b6365f2c7355b4b32bd20df3ff95f02da9329b34ccc3bd6ee72"
+checksum = "162ee34ebcb7c64a8abebc059ce0fee27c2262618d7b60ed8faf72fef13c3650"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "futures-sink"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f43be4fe21a13b9781a69afa4985b0f6ee0e1afab2c6f454a8cf30e2b2237b6e"
+checksum = "e575fab7d1e0dcb8d0c7bcf9a63ee213816ab51902e6d244a95819acacf1d4f7"
 
 [[package]]
 name = "futures-task"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "76d3d132be6c0e6aa1534069c705a74a5997a356c0dc2f86a47765e5617c5b65"
+checksum = "f90f7dce0722e95104fcb095585910c0977252f286e354b5e3bd38902cd99988"
 
 [[package]]
 name = "futures-util"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "26b01e40b772d54cf6c6d721c1d1abd0647a0106a12ecaa1c186273392a69533"
+checksum = "9fa08315bb612088cc391249efdc3bc77536f16c91f6cf495e6fbe85b20a4a81"
 dependencies = [
  "futures-channel",
  "futures-core",
@@ -209,11 +200,24 @@ dependencies = [
  "slab",
 ]
 
+[[package]]
+name = "getrandom"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c4567c8db10ae91089c99af84c68c38da3ec2f087c3f82960bcdbf3656b6f4d7"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "libc",
+ "wasi",
+ "wasm-bindgen",
+]
+
 [[package]]
 name = "gimli"
-version = "0.28.0"
+version = "0.31.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6fb8d784f27acf97159b40fc4db5ecd8aa23b9ad5ef69cdd136d3bc80665f0c0"
+checksum = "07e28edb80900c19c28f1072f2e8aeca7fa06b23cd4169cefe1af5aa3260783f"
 
 [[package]]
 name = "gloo"
@@ -244,7 +248,7 @@ dependencies = [
  "gloo-dialogs 0.2.0",
  "gloo-events 0.2.0",
  "gloo-file 0.3.0",
- "gloo-history 0.2.0",
+ "gloo-history 0.2.2",
  "gloo-net 0.4.0",
  "gloo-render 0.2.0",
  "gloo-storage 0.3.0",
@@ -352,7 +356,7 @@ dependencies = [
  "gloo-events 0.1.2",
  "gloo-utils 0.1.7",
  "serde",
- "serde-wasm-bindgen",
+ "serde-wasm-bindgen 0.5.0",
  "serde_urlencoded",
  "thiserror",
  "wasm-bindgen",
@@ -361,14 +365,15 @@ dependencies = [
 
 [[package]]
 name = "gloo-history"
-version = "0.2.0"
+version = "0.2.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "91be9f3dd048f35a59c8de3d716ef6d568360078c73ed35a7700776ed53153c8"
+checksum = "903f432be5ba34427eac5e16048ef65604a82061fe93789f2212afc73d8617d6"
 dependencies = [
+ "getrandom",
  "gloo-events 0.2.0",
  "gloo-utils 0.2.0",
  "serde",
- "serde-wasm-bindgen",
+ "serde-wasm-bindgen 0.6.5",
  "serde_urlencoded",
  "thiserror",
  "wasm-bindgen",
@@ -558,26 +563,26 @@ dependencies = [
  "proc-macro-crate",
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "hashbrown"
-version = "0.14.1"
+version = "0.15.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7dfda62a12f55daeae5015f81b0baea145391cb4520f86c248fc615d72640d12"
+checksum = "bf151400ff0baff5465007dd2f3e717f3fe502074ca563069ce3a6629d07b289"
 
 [[package]]
 name = "hermit-abi"
-version = "0.3.3"
+version = "0.3.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d77f7ec81a6d05a3abb01ab6eb7590f6083d08449fe5a1c8b1e620283546ccb7"
+checksum = "d231dfb89cfffdbc30e7fc41579ed6066ad03abda9e567ccafae602b97ec5024"
 
 [[package]]
 name = "http"
-version = "0.2.9"
+version = "0.2.12"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bd6effc99afb63425aff9b05836f029929e345a6148a14b7ecd5ab67af944482"
+checksum = "601cbb57e577e2f5ef5be8e7b83f0f63994f25aa94d673e54a92d5c516d101f1"
 dependencies = [
  "bytes",
  "fnv",
@@ -586,18 +591,29 @@ dependencies = [
 
 [[package]]
 name = "implicit-clone"
-version = "0.4.1"
+version = "0.4.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "af3d77000817fd9e7db159e8d52ed9b5941a2cdbfbdc8ca646e59887ae2b2dd1"
+checksum = "f8a9aa791c7b5a71b636b7a68207fdebf171ddfc593d9c8506ec4cbc527b6a84"
 dependencies = [
+ "implicit-clone-derive",
  "indexmap",
 ]
 
+[[package]]
+name = "implicit-clone-derive"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "699c1b6d335e63d0ba5c1e1c7f647371ce989c3bcbe1f7ed2b85fa56e3bd1a21"
+dependencies = [
+ "quote",
+ "syn 2.0.100",
+]
+
 [[package]]
 name = "indexmap"
-version = "2.0.1"
+version = "2.9.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ad227c3af19d4914570ad36d30409928b75967c298feb9ea1969db3a610bb14e"
+checksum = "cea70ddb795996207ad57735b50c5982d8844f38ba9ee5f1aedcfb708a2aa11e"
 dependencies = [
  "equivalent",
  "hashbrown",
@@ -605,44 +621,45 @@ dependencies = [
 
 [[package]]
 name = "itoa"
-version = "1.0.9"
+version = "1.0.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "af150ab688ff2122fcef229be89cb50dd66af9e01a4ff320cc137eecc9bacc38"
+checksum = "4a5f13b858c8d314ee3e8f639011f7ccefe71f97f96e50151fb991f267928e2c"
 
 [[package]]
 name = "js-sys"
-version = "0.3.64"
+version = "0.3.77"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c5f195fe497f702db0f318b07fdd68edb16955aed830df8363d837542f8f935a"
+checksum = "1cfaf33c695fc6e08064efbc1f72ec937429614f25eef83af942d0e227c3a28f"
 dependencies = [
+ "once_cell",
  "wasm-bindgen",
 ]
 
 [[package]]
 name = "libc"
-version = "0.2.148"
+version = "0.2.172"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9cdc71e17332e86d2e1d38c1f99edcb6288ee11b815fb1a4b049eaa2114d369b"
+checksum = "d750af042f7ef4f724306de029d18836c26c1765a54a6a3f094cbd23a7267ffa"
 
 [[package]]
 name = "log"
-version = "0.4.20"
+version = "0.4.27"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b5e6163cb8c49088c2c36f57875e58ccd8c87c7427f7fbd50ea6710b2f3f2e8f"
+checksum = "13dc2df351e3202783a1fe0d44375f7295ffb4049267b0f3018346dc122a1d94"
 
 [[package]]
 name = "memchr"
-version = "2.6.3"
+version = "2.7.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8f232d6ef707e1956a43342693d2a31e72989554d58299d7a88738cc95b0d35c"
+checksum = "78ca9ab1a0babb1e7d5695e3530886289c18cf2f87ec19a575a0abdce112e3a3"
 
 [[package]]
 name = "miniz_oxide"
-version = "0.7.1"
+version = "0.8.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e7810e0be55b428ada41041c41f32c9f1a42817901b4ccf45fa3d4b6561e74c7"
+checksum = "3be647b768db090acb35d5ec5db2b0e1f1de11133ca123b9eacf5137868f892a"
 dependencies = [
- "adler",
+ "adler2",
 ]
 
 [[package]]
@@ -657,50 +674,50 @@ dependencies = [
 
 [[package]]
 name = "object"
-version = "0.32.1"
+version = "0.36.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9cf5f9dd3933bd50a9e1f149ec995f39ae2c496d31fd772c1fd45ebc27e902b0"
+checksum = "62948e14d923ea95ea2c7c86c71013138b66525b86bdc08d2dcc262bdb497b87"
 dependencies = [
  "memchr",
 ]
 
 [[package]]
 name = "once_cell"
-version = "1.18.0"
+version = "1.21.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dd8b5dd2ae5ed71462c540258bedcb51965123ad7e7ccf4b9a8cafaa4a63576d"
+checksum = "42f5e15c9953c5e4ccceeb2e7382a716482c34515315f7b03532b8b4e8393d2d"
 
 [[package]]
 name = "percent-encoding"
-version = "2.3.0"
+version = "2.3.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9b2a4787296e9989611394c33f193f676704af1686e70b8f8033ab5ba9a35a94"
+checksum = "e3148f5046208a5d56bcfc03053e3ca6334e51da8dfb19b6cdc8b306fae3283e"
 
 [[package]]
 name = "pin-project"
-version = "1.1.3"
+version = "1.1.10"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fda4ed1c6c173e3fc7a83629421152e01d7b1f9b7f65fb301e490e8cfc656422"
+checksum = "677f1add503faace112b9f1373e43e9e054bfdd22ff1a63c1bc485eaec6a6a8a"
 dependencies = [
  "pin-project-internal",
 ]
 
 [[package]]
 name = "pin-project-internal"
-version = "1.1.3"
+version = "1.1.10"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4359fd9c9171ec6e8c62926d6faaf553a8dc3f64e1507e76da7911b4f6a04405"
+checksum = "6e918e4ff8c4549eb882f14b3a4bc8c8bc93de829416eacf579f1207a8fbf861"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "pin-project-lite"
-version = "0.2.13"
+version = "0.2.16"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8afb450f006bf6385ca15ef45d71d2288452bc3683ce2e2cacc0d18e4be60b58"
+checksum = "3b3cff922bd51709b605d9ead9aa71031d81447142d828eb4a6eba76fe619f9b"
 
 [[package]]
 name = "pin-utils"
@@ -719,14 +736,42 @@ dependencies = [
  "thiserror",
 ]
 
+[[package]]
+name = "popper-rs"
+version = "0.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a14458f5df1782ff0999819ae4cc310d2fcddd2ec62ae61585dacf3af72ccb4f"
+dependencies = [
+ "gloo-utils 0.2.0",
+ "js-sys",
+ "popper-rs-sys",
+ "serde",
+ "serde_json",
+ "wasm-bindgen",
+ "web-sys",
+ "yew",
+]
+
+[[package]]
+name = "popper-rs-sys"
+version = "0.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "21ef286df3991db98cfab510303f0d7a73b185364f6bfde3584a0b99d2119c17"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
 [[package]]
 name = "prettyplease"
-version = "0.2.15"
+version = "0.2.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ae005bd773ab59b4725093fd7df83fd7892f7d8eafb48dbd7de6e024e4215f9d"
+checksum = "664ec5419c51e34154eec046ebcba56312d5a2fc3b09a06da188e1ad21afadf6"
 dependencies = [
  "proc-macro2",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
@@ -765,9 +810,9 @@ dependencies = [
 
 [[package]]
 name = "proc-macro2"
-version = "1.0.67"
+version = "1.0.95"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3d433d9f1a3e8c1263d9456598b16fec66f4acc9a74dacffd35c7bb09b3a1328"
+checksum = "02b3e5e68a3a1a02aad3ec490a98007cbc13c37cbe84a3cd7b8e406d76e7f778"
 dependencies = [
  "unicode-ident",
 ]
@@ -791,36 +836,36 @@ dependencies = [
 
 [[package]]
 name = "quote"
-version = "1.0.33"
+version = "1.0.40"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5267fca4496028628a95160fc423a33e8b2e6af8a5302579e322e4b520293cae"
+checksum = "1885c039570dc00dcb4ff087a89e185fd56bae234ddc7f056a945bf36467248d"
 dependencies = [
  "proc-macro2",
 ]
 
 [[package]]
 name = "rustc-demangle"
-version = "0.1.23"
+version = "0.1.24"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d626bb9dae77e28219937af045c257c28bfd3f69333c512553507f5f9798cb76"
+checksum = "719b953e2095829ee67db738b3bfa9fa368c94900df327b3f07fe6e794d2fe1f"
 
 [[package]]
 name = "rustversion"
-version = "1.0.14"
+version = "1.0.20"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7ffc183a10b4478d04cbbbfc96d0873219d962dd5accaff2ffbd4ceb7df837f4"
+checksum = "eded382c5f5f786b989652c49544c4877d9f015cc22e145a5ea8ea66c2921cd2"
 
 [[package]]
 name = "ryu"
-version = "1.0.15"
+version = "1.0.20"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1ad4cc8da4ef723ed60bced201181d83791ad433213d8c24efffda1eec85d741"
+checksum = "28d3b2b1366ec20994f1fd18c3c594f05c5dd4bc44d8bb0c1c632c8d6829481f"
 
 [[package]]
 name = "serde"
-version = "1.0.188"
+version = "1.0.219"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cf9e0fcba69a370eed61bcf2b728575f726b50b55cba78064753d708ddc7549e"
+checksum = "5f0e2c6ed6606019b4e29e69dbaba95b11854410e5347d525002456dbbb786b6"
 dependencies = [
  "serde_derive",
 ]
@@ -836,24 +881,36 @@ dependencies = [
  "wasm-bindgen",
 ]
 
+[[package]]
+name = "serde-wasm-bindgen"
+version = "0.6.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8302e169f0eddcc139c70f139d19d6467353af16f9fce27e8c30158036a1e16b"
+dependencies = [
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+]
+
 [[package]]
 name = "serde_derive"
-version = "1.0.188"
+version = "1.0.219"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4eca7ac642d82aa35b60049a6eccb4be6be75e599bd2e9adb5f875a737654af2"
+checksum = "5b0276cf7f2c73365f7157c8123c21cd9a50fbbd844757af28ca1f5925fc2a00"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "serde_json"
-version = "1.0.107"
+version = "1.0.140"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6b420ce6e3d8bd882e9b243c6eed35dbc9a6110c9769e74b584e0d68d1f20c65"
+checksum = "20068b6e96dc6c9bd23e01df8827e6c7e1f2fddd43c21810382803c136b99373"
 dependencies = [
  "itoa",
+ "memchr",
  "ryu",
  "serde",
 ]
@@ -891,9 +948,9 @@ dependencies = [
 
 [[package]]
 name = "syn"
-version = "2.0.37"
+version = "2.0.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7303ef2c05cd654186cb250d29049a24840ca25d2747c25c0381c8d9e2f582e8"
+checksum = "b09a44accad81e1ba1cd74a32461ba89dee89095ba17b32f5d03683b1b1fc2a0"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -902,29 +959,29 @@ dependencies = [
 
 [[package]]
 name = "thiserror"
-version = "1.0.49"
+version = "1.0.69"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1177e8c6d7ede7afde3585fd2513e611227efd6481bd78d2e82ba1ce16557ed4"
+checksum = "b6aaf5339b578ea85b50e080feb250a3e8ae8cfcdff9a461c9ec2904bc923f52"
 dependencies = [
  "thiserror-impl",
 ]
 
 [[package]]
 name = "thiserror-impl"
-version = "1.0.49"
+version = "1.0.69"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "10712f02019e9288794769fba95cd6847df9874d49d871d062172f9dd41bc4cc"
+checksum = "4fee6c4efc90059e10f81e6d42c60a18f76588c3d74cb83a0b242a2b6c7504c1"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "tokio"
-version = "1.32.0"
+version = "1.44.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "17ed6077ed6cd6c74735e21f37eb16dc3935f96878b1fe961074089cc80893f9"
+checksum = "e6b88822cbe49de4185e3a4cbf8321dd487cf5fe0c5c65695fef6346371e9c48"
 dependencies = [
  "backtrace",
  "pin-project-lite",
@@ -932,9 +989,9 @@ dependencies = [
 
 [[package]]
 name = "tokio-stream"
-version = "0.1.14"
+version = "0.1.17"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "397c988d37662c7dda6d2208364a706264bf3d6138b11d436cbac0ad38832842"
+checksum = "eca58d7bba4a75707817a2c44174253f9236b2d5fbd055602e9d5c07c139a047"
 dependencies = [
  "futures-core",
  "pin-project-lite",
@@ -943,9 +1000,9 @@ dependencies = [
 
 [[package]]
 name = "toml_datetime"
-version = "0.6.3"
+version = "0.6.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7cda73e2f1397b1262d6dfdcef8aafae14d1de7748d66822d3bfeeb6d03e5e4b"
+checksum = "0dd7358ecb8fc2f8d014bf86f6f638ce72ba252a2c3a2572f2a795f1d23efb41"
 
 [[package]]
 name = "toml_edit"
@@ -960,11 +1017,10 @@ dependencies = [
 
 [[package]]
 name = "tracing"
-version = "0.1.37"
+version = "0.1.41"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8ce8c33a8d48bd45d624a6e523445fd21ec13d3653cd51f681abf67418f54eb8"
+checksum = "784e0ac535deb450455cbfa28a6f0df145ea1bb7ae51b821cf5e7927fdcfbdd0"
 dependencies = [
- "cfg-if",
  "pin-project-lite",
  "tracing-attributes",
  "tracing-core",
@@ -972,84 +1028,92 @@ dependencies = [
 
 [[package]]
 name = "tracing-attributes"
-version = "0.1.26"
+version = "0.1.28"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5f4f31f56159e98206da9efd823404b79b6ef3143b4a7ab76e67b1751b25a4ab"
+checksum = "395ae124c09f9e6918a2310af6038fba074bcf474ac352496d5910dd59a2226d"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "tracing-core"
-version = "0.1.31"
+version = "0.1.33"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0955b8137a1df6f1a2e9a37d8a6656291ff0297c1a97c24e0d8425fe2312f79a"
+checksum = "e672c95779cf947c5311f83787af4fa8fffd12fb27e4993211a84bdfd9610f9c"
 dependencies = [
  "once_cell",
 ]
 
 [[package]]
 name = "unicode-ident"
-version = "1.0.12"
+version = "1.0.18"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3354b9ac3fae1ff6755cb6db53683adb661634f67557942dea4facebec0fee4b"
+checksum = "5a5f39404a5da50712a4c1eecf25e90dd62b613502b7e925fd4e4d19b5c96512"
 
 [[package]]
 name = "unicode-segmentation"
-version = "1.10.1"
+version = "1.12.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1dd624098567895118886609431a7c3b8f516e41d30e0643f03d94592a147e36"
+checksum = "f6ccf251212114b54433ec949fd6a7841275f9ada20dddd2f29e9ceea4501493"
 
 [[package]]
 name = "version_check"
-version = "0.9.4"
+version = "0.9.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "49874b5167b65d7193b8aba1567f5c7d93d001cafc34600cee003eda787e483f"
+checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
+
+[[package]]
+name = "wasi"
+version = "0.11.0+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"
 
 [[package]]
 name = "wasm-bindgen"
-version = "0.2.87"
+version = "0.2.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7706a72ab36d8cb1f80ffbf0e071533974a60d0a308d01a5d0375bf60499a342"
+checksum = "1edc8929d7499fc4e8f0be2262a241556cfc54a0bea223790e71446f2aab1ef5"
 dependencies = [
  "cfg-if",
+ "once_cell",
+ "rustversion",
  "wasm-bindgen-macro",
 ]
 
 [[package]]
 name = "wasm-bindgen-backend"
-version = "0.2.87"
+version = "0.2.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5ef2b6d3c510e9625e5fe6f509ab07d66a760f0885d858736483c32ed7809abd"
+checksum = "2f0a0651a5c2bc21487bde11ee802ccaf4c51935d0d3d42a6101f98161700bc6"
 dependencies = [
  "bumpalo",
  "log",
- "once_cell",
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
  "wasm-bindgen-shared",
 ]
 
 [[package]]
 name = "wasm-bindgen-futures"
-version = "0.4.37"
+version = "0.4.50"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c02dbc21516f9f1f04f187958890d7e6026df8d16540b7ad9492bc34a67cea03"
+checksum = "555d470ec0bc3bb57890405e5d4322cc9ea83cebb085523ced7be4144dac1e61"
 dependencies = [
  "cfg-if",
  "js-sys",
+ "once_cell",
  "wasm-bindgen",
  "web-sys",
 ]
 
 [[package]]
 name = "wasm-bindgen-macro"
-version = "0.2.87"
+version = "0.2.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dee495e55982a3bd48105a7b947fd2a9b4a8ae3010041b9e0faab3f9cd028f1d"
+checksum = "7fe63fc6d09ed3792bd0897b314f53de8e16568c2b3f7982f468c0bf9bd0b407"
 dependencies = [
  "quote",
  "wasm-bindgen-macro-support",
@@ -1057,38 +1121,105 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-macro-support"
-version = "0.2.87"
+version = "0.2.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "54681b18a46765f095758388f2d0cf16eb8d4169b639ab575a8f5693af210c7b"
+checksum = "8ae87ea40c9f689fc23f209965b6fb8a99ad69aeeb0231408be24920604395de"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
  "wasm-bindgen-backend",
  "wasm-bindgen-shared",
 ]
 
 [[package]]
 name = "wasm-bindgen-shared"
-version = "0.2.87"
+version = "0.2.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ca6ad05a4870b2bf5fe995117d3728437bd27d7cd5f06f13c17443ef369775a1"
+checksum = "1a05d73b933a847d6cccdda8f838a22ff101ad9bf93e33684f39c1f5f0eece3d"
+dependencies = [
+ "unicode-ident",
+]
 
 [[package]]
 name = "web-sys"
-version = "0.3.64"
+version = "0.3.77"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9b85cbef8c220a6abc02aefd892dfc0fc23afb1c6a426316ec33253a3877249b"
+checksum = "33b6dd2ef9186f1f2072e409e99cd22a975331a6b3591b12c764e0e55c60d5d2"
 dependencies = [
  "js-sys",
  "wasm-bindgen",
 ]
 
+[[package]]
+name = "windows-targets"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b724f72796e036ab90c1021d4780d4d3d648aca59e491e6b98e725b84e99973"
+dependencies = [
+ "windows_aarch64_gnullvm",
+ "windows_aarch64_msvc",
+ "windows_i686_gnu",
+ "windows_i686_gnullvm",
+ "windows_i686_msvc",
+ "windows_x86_64_gnu",
+ "windows_x86_64_gnullvm",
+ "windows_x86_64_msvc",
+]
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32a4622180e7a0ec044bb555404c800bc9fd9ec262ec147edd5989ccd0c02cd3"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09ec2a7bb152e2252b53fa7803150007879548bc709c039df7627cabbd05d469"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e9b5ad5ab802e97eb8e295ac6720e509ee4c243f69d781394014ebfe8bbfa0b"
+
+[[package]]
+name = "windows_i686_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0eee52d38c090b3caa76c563b86c3a4bd71ef1a819287c19d586d7334ae8ed66"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "240948bc05c5e7c6dabba28bf89d89ffce3e303022809e73deaefe4f6ec56c66"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "147a5c80aabfbf0c7d901cb5895d1de30ef2907eb21fbbab29ca94c5b08b1a78"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "24d5b23dc417412679681396f2b49f3de8c1473deb516bd34410872eff51ed0d"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "589f6da84c646204747d1270a2a5661ea66ed1cced2631d546fdfb155959f9ec"
+
 [[package]]
 name = "winnow"
-version = "0.5.15"
+version = "0.5.40"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7c2e3184b9c4e92ad5167ca73039d0c42476302ab603e2fec4487511f38ccefc"
+checksum = "f593a95398737aeed53e489c785df13f3618e41dbcd6718c6addbf1395aa6876"
 dependencies = [
  "memchr",
 ]
@@ -1125,6 +1256,8 @@ dependencies = [
  "anyhow",
  "convert_case",
  "gloo-console 0.3.0",
+ "gloo-utils 0.2.0",
+ "popper-rs",
  "wasm-bindgen",
  "web-sys",
  "yew",
@@ -1142,5 +1275,5 @@ dependencies = [
  "proc-macro-error",
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
diff --git a/examples/Cargo.lock b/examples/Cargo.lock
index 1f71e00..f9c8c0b 100644
--- a/examples/Cargo.lock
+++ b/examples/Cargo.lock
@@ -4,24 +4,24 @@ version = 4
 
 [[package]]
 name = "addr2line"
-version = "0.21.0"
+version = "0.24.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8a30b2e23b9e17a9f90641c7ab1549cd9b44f296d3ccbf309d2863cfe398a0cb"
+checksum = "dfbe277e56a376000877090da837660b4427aad530e3028d44e0bffe4f89a1c1"
 dependencies = [
  "gimli",
 ]
 
 [[package]]
-name = "adler"
-version = "1.0.2"
+name = "adler2"
+version = "2.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f26201604c87b1e01bd3d98f8d5d9a8fcbb815e8cedb41ffccbeb4bf593a35fe"
+checksum = "512761e0bb2578dd7380c6baaa0f4ce03e84f95e960231d1dec8bf4d7d6e2627"
 
 [[package]]
 name = "anyhow"
-version = "1.0.75"
+version = "1.0.98"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a4668cab20f66d8d020e1fbc0ebe47217433c1b6c8f2040faf858554e394ace6"
+checksum = "e16d2d3311acee920a9eb8d33b8cbc1787ce4a264e85f964c2404b969bdcd487"
 
 [[package]]
 name = "anymap2"
@@ -31,23 +31,23 @@ checksum = "d301b3b94cb4b2f23d7917810addbbaff90738e0ca2be692bd027e70d7e0330c"
 
 [[package]]
 name = "autocfg"
-version = "1.1.0"
+version = "1.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d468802bab17cbc0cc575e9b053f41e72aa36bfa6b7f55e3529ffa43161b97fa"
+checksum = "ace50bade8e6234aa140d9a2f552bbee1db4d353f69b8217bc503490fc1a9f26"
 
 [[package]]
 name = "backtrace"
-version = "0.3.69"
+version = "0.3.74"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2089b7e3f35b9dd2d0ed921ead4f6d318c27680d4a5bd167b3ee120edb105837"
+checksum = "8d82cb332cdfaed17ae235a638438ac4d4839913cc2af585c3c6746e8f8bee1a"
 dependencies = [
  "addr2line",
- "cc",
  "cfg-if",
  "libc",
  "miniz_oxide",
  "object",
  "rustc-demangle",
+ "windows-targets",
 ]
 
 [[package]]
@@ -78,15 +78,15 @@ checksum = "cfa8873f51c92e232f9bac4065cddef41b714152812bfc5f7672ba16d6ef8cd9"
 
 [[package]]
 name = "bumpalo"
-version = "3.14.0"
+version = "3.17.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7f30e7476521f6f8af1a1c4c0b8cc94f0bee37d91763d0ca2665f299b6cd8aec"
+checksum = "1628fb46dfa0b37568d12e5edd512553eccf6a22a78e8bde00bb4aed84d5bdbf"
 
 [[package]]
 name = "bytes"
-version = "1.5.0"
+version = "1.10.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a2bd12c1caf447e69cd4528f47f94d203fd2582878ecb9e9465484c4148a8223"
+checksum = "d71b6127be86fdcfddb610f7182ac57211d4b18a3e9c82eb2d17662f2227ad6a"
 
 [[package]]
 name = "cards"
@@ -99,15 +99,6 @@ dependencies = [
  "yew-bootstrap",
 ]
 
-[[package]]
-name = "cc"
-version = "1.0.83"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f1174fb0b6ec23863f8b971027804a42614e347eafb0a95bf0b12cdae21fc4d0"
-dependencies = [
- "libc",
-]
-
 [[package]]
 name = "cfg-if"
 version = "1.0.0"
@@ -135,9 +126,9 @@ dependencies = [
 
 [[package]]
 name = "equivalent"
-version = "1.0.1"
+version = "1.0.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5443807d6dff69373d433ab9ef5378ad8df50ca6298caf15de6e52e24aaf54d5"
+checksum = "877a4ace8713b0bcf2a4e7eec82529c029f1d0619886d18145fea96c3ffe5c0f"
 
 [[package]]
 name = "fnv"
@@ -147,9 +138,9 @@ checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"
 
 [[package]]
 name = "form_urlencoded"
-version = "1.2.0"
+version = "1.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a62bc1cf6f830c2ec14a513a9fb124d0a213a629668a4186f329db21fe045652"
+checksum = "e13624c2627564efccf4934284bdd98cbaa14e79b0b5a141218e507b3a823456"
 dependencies = [
  "percent-encoding",
 ]
@@ -167,9 +158,9 @@ dependencies = [
 
 [[package]]
 name = "futures"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "23342abe12aba583913b2e62f22225ff9c950774065e4bfb61a19cd9770fec40"
+checksum = "65bc07b1a8bc7c85c5f2e110c476c7389b4554ba72af57d8445ea63a576b0876"
 dependencies = [
  "futures-channel",
  "futures-core",
@@ -181,9 +172,9 @@ dependencies = [
 
 [[package]]
 name = "futures-channel"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "955518d47e09b25bbebc7a18df10b81f0c766eaf4c4f1cccef2fca5f2a4fb5f2"
+checksum = "2dff15bf788c671c1934e366d07e30c1814a8ef514e1af724a602e8a2fbe1b10"
 dependencies = [
  "futures-core",
  "futures-sink",
@@ -191,44 +182,44 @@ dependencies = [
 
 [[package]]
 name = "futures-core"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4bca583b7e26f571124fe5b7561d49cb2868d79116cfa0eefce955557c6fee8c"
+checksum = "05f29059c0c2090612e8d742178b0580d2dc940c837851ad723096f87af6663e"
 
 [[package]]
 name = "futures-io"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4fff74096e71ed47f8e023204cfd0aa1289cd54ae5430a9523be060cdb849964"
+checksum = "9e5c1b78ca4aae1ac06c48a526a655760685149f0d465d21f37abfe57ce075c6"
 
 [[package]]
 name = "futures-macro"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "89ca545a94061b6365f2c7355b4b32bd20df3ff95f02da9329b34ccc3bd6ee72"
+checksum = "162ee34ebcb7c64a8abebc059ce0fee27c2262618d7b60ed8faf72fef13c3650"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "futures-sink"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f43be4fe21a13b9781a69afa4985b0f6ee0e1afab2c6f454a8cf30e2b2237b6e"
+checksum = "e575fab7d1e0dcb8d0c7bcf9a63ee213816ab51902e6d244a95819acacf1d4f7"
 
 [[package]]
 name = "futures-task"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "76d3d132be6c0e6aa1534069c705a74a5997a356c0dc2f86a47765e5617c5b65"
+checksum = "f90f7dce0722e95104fcb095585910c0977252f286e354b5e3bd38902cd99988"
 
 [[package]]
 name = "futures-util"
-version = "0.3.28"
+version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "26b01e40b772d54cf6c6d721c1d1abd0647a0106a12ecaa1c186273392a69533"
+checksum = "9fa08315bb612088cc391249efdc3bc77536f16c91f6cf495e6fbe85b20a4a81"
 dependencies = [
  "futures-channel",
  "futures-core",
@@ -242,11 +233,24 @@ dependencies = [
  "slab",
 ]
 
+[[package]]
+name = "getrandom"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c4567c8db10ae91089c99af84c68c38da3ec2f087c3f82960bcdbf3656b6f4d7"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "libc",
+ "wasi",
+ "wasm-bindgen",
+]
+
 [[package]]
 name = "gimli"
-version = "0.28.0"
+version = "0.31.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6fb8d784f27acf97159b40fc4db5ecd8aa23b9ad5ef69cdd136d3bc80665f0c0"
+checksum = "07e28edb80900c19c28f1072f2e8aeca7fa06b23cd4169cefe1af5aa3260783f"
 
 [[package]]
 name = "gloo"
@@ -277,7 +281,7 @@ dependencies = [
  "gloo-dialogs 0.2.0",
  "gloo-events 0.2.0",
  "gloo-file 0.3.0",
- "gloo-history 0.2.0",
+ "gloo-history 0.2.2",
  "gloo-net 0.4.0",
  "gloo-render 0.2.0",
  "gloo-storage 0.3.0",
@@ -385,7 +389,7 @@ dependencies = [
  "gloo-events 0.1.2",
  "gloo-utils 0.1.7",
  "serde",
- "serde-wasm-bindgen",
+ "serde-wasm-bindgen 0.5.0",
  "serde_urlencoded",
  "thiserror",
  "wasm-bindgen",
@@ -394,14 +398,15 @@ dependencies = [
 
 [[package]]
 name = "gloo-history"
-version = "0.2.0"
+version = "0.2.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "91be9f3dd048f35a59c8de3d716ef6d568360078c73ed35a7700776ed53153c8"
+checksum = "903f432be5ba34427eac5e16048ef65604a82061fe93789f2212afc73d8617d6"
 dependencies = [
+ "getrandom",
  "gloo-events 0.2.0",
  "gloo-utils 0.2.0",
  "serde",
- "serde-wasm-bindgen",
+ "serde-wasm-bindgen 0.6.5",
  "serde_urlencoded",
  "thiserror",
  "wasm-bindgen",
@@ -591,26 +596,26 @@ dependencies = [
  "proc-macro-crate",
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "hashbrown"
-version = "0.14.1"
+version = "0.15.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7dfda62a12f55daeae5015f81b0baea145391cb4520f86c248fc615d72640d12"
+checksum = "bf151400ff0baff5465007dd2f3e717f3fe502074ca563069ce3a6629d07b289"
 
 [[package]]
 name = "hermit-abi"
-version = "0.3.3"
+version = "0.3.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d77f7ec81a6d05a3abb01ab6eb7590f6083d08449fe5a1c8b1e620283546ccb7"
+checksum = "d231dfb89cfffdbc30e7fc41579ed6066ad03abda9e567ccafae602b97ec5024"
 
 [[package]]
 name = "http"
-version = "0.2.9"
+version = "0.2.12"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bd6effc99afb63425aff9b05836f029929e345a6148a14b7ecd5ab67af944482"
+checksum = "601cbb57e577e2f5ef5be8e7b83f0f63994f25aa94d673e54a92d5c516d101f1"
 dependencies = [
  "bytes",
  "fnv",
@@ -627,18 +632,29 @@ dependencies = [
 
 [[package]]
 name = "implicit-clone"
-version = "0.4.1"
+version = "0.4.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "af3d77000817fd9e7db159e8d52ed9b5941a2cdbfbdc8ca646e59887ae2b2dd1"
+checksum = "f8a9aa791c7b5a71b636b7a68207fdebf171ddfc593d9c8506ec4cbc527b6a84"
 dependencies = [
+ "implicit-clone-derive",
  "indexmap",
 ]
 
+[[package]]
+name = "implicit-clone-derive"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "699c1b6d335e63d0ba5c1e1c7f647371ce989c3bcbe1f7ed2b85fa56e3bd1a21"
+dependencies = [
+ "quote",
+ "syn 2.0.100",
+]
+
 [[package]]
 name = "indexmap"
-version = "2.0.1"
+version = "2.9.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ad227c3af19d4914570ad36d30409928b75967c298feb9ea1969db3a610bb14e"
+checksum = "cea70ddb795996207ad57735b50c5982d8844f38ba9ee5f1aedcfb708a2aa11e"
 dependencies = [
  "equivalent",
  "hashbrown",
@@ -646,44 +662,45 @@ dependencies = [
 
 [[package]]
 name = "itoa"
-version = "1.0.9"
+version = "1.0.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "af150ab688ff2122fcef229be89cb50dd66af9e01a4ff320cc137eecc9bacc38"
+checksum = "4a5f13b858c8d314ee3e8f639011f7ccefe71f97f96e50151fb991f267928e2c"
 
 [[package]]
 name = "js-sys"
-version = "0.3.64"
+version = "0.3.77"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c5f195fe497f702db0f318b07fdd68edb16955aed830df8363d837542f8f935a"
+checksum = "1cfaf33c695fc6e08064efbc1f72ec937429614f25eef83af942d0e227c3a28f"
 dependencies = [
+ "once_cell",
  "wasm-bindgen",
 ]
 
 [[package]]
 name = "libc"
-version = "0.2.148"
+version = "0.2.172"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9cdc71e17332e86d2e1d38c1f99edcb6288ee11b815fb1a4b049eaa2114d369b"
+checksum = "d750af042f7ef4f724306de029d18836c26c1765a54a6a3f094cbd23a7267ffa"
 
 [[package]]
 name = "log"
-version = "0.4.20"
+version = "0.4.27"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b5e6163cb8c49088c2c36f57875e58ccd8c87c7427f7fbd50ea6710b2f3f2e8f"
+checksum = "13dc2df351e3202783a1fe0d44375f7295ffb4049267b0f3018346dc122a1d94"
 
 [[package]]
 name = "memchr"
-version = "2.6.3"
+version = "2.7.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8f232d6ef707e1956a43342693d2a31e72989554d58299d7a88738cc95b0d35c"
+checksum = "78ca9ab1a0babb1e7d5695e3530886289c18cf2f87ec19a575a0abdce112e3a3"
 
 [[package]]
 name = "miniz_oxide"
-version = "0.7.1"
+version = "0.8.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e7810e0be55b428ada41041c41f32c9f1a42817901b4ccf45fa3d4b6561e74c7"
+checksum = "3be647b768db090acb35d5ec5db2b0e1f1de11133ca123b9eacf5137868f892a"
 dependencies = [
- "adler",
+ "adler2",
 ]
 
 [[package]]
@@ -698,50 +715,50 @@ dependencies = [
 
 [[package]]
 name = "object"
-version = "0.32.1"
+version = "0.36.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9cf5f9dd3933bd50a9e1f149ec995f39ae2c496d31fd772c1fd45ebc27e902b0"
+checksum = "62948e14d923ea95ea2c7c86c71013138b66525b86bdc08d2dcc262bdb497b87"
 dependencies = [
  "memchr",
 ]
 
 [[package]]
 name = "once_cell"
-version = "1.18.0"
+version = "1.21.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dd8b5dd2ae5ed71462c540258bedcb51965123ad7e7ccf4b9a8cafaa4a63576d"
+checksum = "42f5e15c9953c5e4ccceeb2e7382a716482c34515315f7b03532b8b4e8393d2d"
 
 [[package]]
 name = "percent-encoding"
-version = "2.3.0"
+version = "2.3.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9b2a4787296e9989611394c33f193f676704af1686e70b8f8033ab5ba9a35a94"
+checksum = "e3148f5046208a5d56bcfc03053e3ca6334e51da8dfb19b6cdc8b306fae3283e"
 
 [[package]]
 name = "pin-project"
-version = "1.1.3"
+version = "1.1.10"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fda4ed1c6c173e3fc7a83629421152e01d7b1f9b7f65fb301e490e8cfc656422"
+checksum = "677f1add503faace112b9f1373e43e9e054bfdd22ff1a63c1bc485eaec6a6a8a"
 dependencies = [
  "pin-project-internal",
 ]
 
 [[package]]
 name = "pin-project-internal"
-version = "1.1.3"
+version = "1.1.10"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4359fd9c9171ec6e8c62926d6faaf553a8dc3f64e1507e76da7911b4f6a04405"
+checksum = "6e918e4ff8c4549eb882f14b3a4bc8c8bc93de829416eacf579f1207a8fbf861"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "pin-project-lite"
-version = "0.2.13"
+version = "0.2.16"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8afb450f006bf6385ca15ef45d71d2288452bc3683ce2e2cacc0d18e4be60b58"
+checksum = "3b3cff922bd51709b605d9ead9aa71031d81447142d828eb4a6eba76fe619f9b"
 
 [[package]]
 name = "pin-utils"
@@ -760,14 +777,42 @@ dependencies = [
  "thiserror",
 ]
 
+[[package]]
+name = "popper-rs"
+version = "0.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a14458f5df1782ff0999819ae4cc310d2fcddd2ec62ae61585dacf3af72ccb4f"
+dependencies = [
+ "gloo-utils 0.2.0",
+ "js-sys",
+ "popper-rs-sys",
+ "serde",
+ "serde_json",
+ "wasm-bindgen",
+ "web-sys",
+ "yew",
+]
+
+[[package]]
+name = "popper-rs-sys"
+version = "0.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "21ef286df3991db98cfab510303f0d7a73b185364f6bfde3584a0b99d2119c17"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
 [[package]]
 name = "prettyplease"
-version = "0.2.15"
+version = "0.2.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ae005bd773ab59b4725093fd7df83fd7892f7d8eafb48dbd7de6e024e4215f9d"
+checksum = "664ec5419c51e34154eec046ebcba56312d5a2fc3b09a06da188e1ad21afadf6"
 dependencies = [
  "proc-macro2",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
@@ -806,9 +851,9 @@ dependencies = [
 
 [[package]]
 name = "proc-macro2"
-version = "1.0.67"
+version = "1.0.95"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3d433d9f1a3e8c1263d9456598b16fec66f4acc9a74dacffd35c7bb09b3a1328"
+checksum = "02b3e5e68a3a1a02aad3ec490a98007cbc13c37cbe84a3cd7b8e406d76e7f778"
 dependencies = [
  "unicode-ident",
 ]
@@ -832,36 +877,36 @@ dependencies = [
 
 [[package]]
 name = "quote"
-version = "1.0.33"
+version = "1.0.40"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5267fca4496028628a95160fc423a33e8b2e6af8a5302579e322e4b520293cae"
+checksum = "1885c039570dc00dcb4ff087a89e185fd56bae234ddc7f056a945bf36467248d"
 dependencies = [
  "proc-macro2",
 ]
 
 [[package]]
 name = "rustc-demangle"
-version = "0.1.23"
+version = "0.1.24"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d626bb9dae77e28219937af045c257c28bfd3f69333c512553507f5f9798cb76"
+checksum = "719b953e2095829ee67db738b3bfa9fa368c94900df327b3f07fe6e794d2fe1f"
 
 [[package]]
 name = "rustversion"
-version = "1.0.14"
+version = "1.0.20"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7ffc183a10b4478d04cbbbfc96d0873219d962dd5accaff2ffbd4ceb7df837f4"
+checksum = "eded382c5f5f786b989652c49544c4877d9f015cc22e145a5ea8ea66c2921cd2"
 
 [[package]]
 name = "ryu"
-version = "1.0.15"
+version = "1.0.20"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1ad4cc8da4ef723ed60bced201181d83791ad433213d8c24efffda1eec85d741"
+checksum = "28d3b2b1366ec20994f1fd18c3c594f05c5dd4bc44d8bb0c1c632c8d6829481f"
 
 [[package]]
 name = "serde"
-version = "1.0.188"
+version = "1.0.219"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cf9e0fcba69a370eed61bcf2b728575f726b50b55cba78064753d708ddc7549e"
+checksum = "5f0e2c6ed6606019b4e29e69dbaba95b11854410e5347d525002456dbbb786b6"
 dependencies = [
  "serde_derive",
 ]
@@ -877,24 +922,36 @@ dependencies = [
  "wasm-bindgen",
 ]
 
+[[package]]
+name = "serde-wasm-bindgen"
+version = "0.6.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8302e169f0eddcc139c70f139d19d6467353af16f9fce27e8c30158036a1e16b"
+dependencies = [
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+]
+
 [[package]]
 name = "serde_derive"
-version = "1.0.188"
+version = "1.0.219"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4eca7ac642d82aa35b60049a6eccb4be6be75e599bd2e9adb5f875a737654af2"
+checksum = "5b0276cf7f2c73365f7157c8123c21cd9a50fbbd844757af28ca1f5925fc2a00"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "serde_json"
-version = "1.0.107"
+version = "1.0.140"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6b420ce6e3d8bd882e9b243c6eed35dbc9a6110c9769e74b584e0d68d1f20c65"
+checksum = "20068b6e96dc6c9bd23e01df8827e6c7e1f2fddd43c21810382803c136b99373"
 dependencies = [
  "itoa",
+ "memchr",
  "ryu",
  "serde",
 ]
@@ -932,9 +989,9 @@ dependencies = [
 
 [[package]]
 name = "syn"
-version = "2.0.37"
+version = "2.0.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7303ef2c05cd654186cb250d29049a24840ca25d2747c25c0381c8d9e2f582e8"
+checksum = "b09a44accad81e1ba1cd74a32461ba89dee89095ba17b32f5d03683b1b1fc2a0"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -943,29 +1000,29 @@ dependencies = [
 
 [[package]]
 name = "thiserror"
-version = "1.0.49"
+version = "1.0.69"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1177e8c6d7ede7afde3585fd2513e611227efd6481bd78d2e82ba1ce16557ed4"
+checksum = "b6aaf5339b578ea85b50e080feb250a3e8ae8cfcdff9a461c9ec2904bc923f52"
 dependencies = [
  "thiserror-impl",
 ]
 
 [[package]]
 name = "thiserror-impl"
-version = "1.0.49"
+version = "1.0.69"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "10712f02019e9288794769fba95cd6847df9874d49d871d062172f9dd41bc4cc"
+checksum = "4fee6c4efc90059e10f81e6d42c60a18f76588c3d74cb83a0b242a2b6c7504c1"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "tokio"
-version = "1.32.0"
+version = "1.44.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "17ed6077ed6cd6c74735e21f37eb16dc3935f96878b1fe961074089cc80893f9"
+checksum = "e6b88822cbe49de4185e3a4cbf8321dd487cf5fe0c5c65695fef6346371e9c48"
 dependencies = [
  "backtrace",
  "pin-project-lite",
@@ -973,9 +1030,9 @@ dependencies = [
 
 [[package]]
 name = "tokio-stream"
-version = "0.1.14"
+version = "0.1.17"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "397c988d37662c7dda6d2208364a706264bf3d6138b11d436cbac0ad38832842"
+checksum = "eca58d7bba4a75707817a2c44174253f9236b2d5fbd055602e9d5c07c139a047"
 dependencies = [
  "futures-core",
  "pin-project-lite",
@@ -984,9 +1041,9 @@ dependencies = [
 
 [[package]]
 name = "toml_datetime"
-version = "0.6.3"
+version = "0.6.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7cda73e2f1397b1262d6dfdcef8aafae14d1de7748d66822d3bfeeb6d03e5e4b"
+checksum = "0dd7358ecb8fc2f8d014bf86f6f638ce72ba252a2c3a2572f2a795f1d23efb41"
 
 [[package]]
 name = "toml_edit"
@@ -1001,11 +1058,10 @@ dependencies = [
 
 [[package]]
 name = "tracing"
-version = "0.1.37"
+version = "0.1.41"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8ce8c33a8d48bd45d624a6e523445fd21ec13d3653cd51f681abf67418f54eb8"
+checksum = "784e0ac535deb450455cbfa28a6f0df145ea1bb7ae51b821cf5e7927fdcfbdd0"
 dependencies = [
- "cfg-if",
  "pin-project-lite",
  "tracing-attributes",
  "tracing-core",
@@ -1013,84 +1069,92 @@ dependencies = [
 
 [[package]]
 name = "tracing-attributes"
-version = "0.1.26"
+version = "0.1.28"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5f4f31f56159e98206da9efd823404b79b6ef3143b4a7ab76e67b1751b25a4ab"
+checksum = "395ae124c09f9e6918a2310af6038fba074bcf474ac352496d5910dd59a2226d"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
 
 [[package]]
 name = "tracing-core"
-version = "0.1.31"
+version = "0.1.33"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0955b8137a1df6f1a2e9a37d8a6656291ff0297c1a97c24e0d8425fe2312f79a"
+checksum = "e672c95779cf947c5311f83787af4fa8fffd12fb27e4993211a84bdfd9610f9c"
 dependencies = [
  "once_cell",
 ]
 
 [[package]]
 name = "unicode-ident"
-version = "1.0.12"
+version = "1.0.18"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3354b9ac3fae1ff6755cb6db53683adb661634f67557942dea4facebec0fee4b"
+checksum = "5a5f39404a5da50712a4c1eecf25e90dd62b613502b7e925fd4e4d19b5c96512"
 
 [[package]]
 name = "unicode-segmentation"
-version = "1.10.1"
+version = "1.12.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1dd624098567895118886609431a7c3b8f516e41d30e0643f03d94592a147e36"
+checksum = "f6ccf251212114b54433ec949fd6a7841275f9ada20dddd2f29e9ceea4501493"
 
 [[package]]
 name = "version_check"
-version = "0.9.4"
+version = "0.9.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
+
+[[package]]
+name = "wasi"
+version = "0.11.0+wasi-snapshot-preview1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "49874b5167b65d7193b8aba1567f5c7d93d001cafc34600cee003eda787e483f"
+checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"
 
 [[package]]
 name = "wasm-bindgen"
-version = "0.2.87"
+version = "0.2.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7706a72ab36d8cb1f80ffbf0e071533974a60d0a308d01a5d0375bf60499a342"
+checksum = "1edc8929d7499fc4e8f0be2262a241556cfc54a0bea223790e71446f2aab1ef5"
 dependencies = [
  "cfg-if",
+ "once_cell",
+ "rustversion",
  "wasm-bindgen-macro",
 ]
 
 [[package]]
 name = "wasm-bindgen-backend"
-version = "0.2.87"
+version = "0.2.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5ef2b6d3c510e9625e5fe6f509ab07d66a760f0885d858736483c32ed7809abd"
+checksum = "2f0a0651a5c2bc21487bde11ee802ccaf4c51935d0d3d42a6101f98161700bc6"
 dependencies = [
  "bumpalo",
  "log",
- "once_cell",
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
  "wasm-bindgen-shared",
 ]
 
 [[package]]
 name = "wasm-bindgen-futures"
-version = "0.4.37"
+version = "0.4.50"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c02dbc21516f9f1f04f187958890d7e6026df8d16540b7ad9492bc34a67cea03"
+checksum = "555d470ec0bc3bb57890405e5d4322cc9ea83cebb085523ced7be4144dac1e61"
 dependencies = [
  "cfg-if",
  "js-sys",
+ "once_cell",
  "wasm-bindgen",
  "web-sys",
 ]
 
 [[package]]
 name = "wasm-bindgen-macro"
-version = "0.2.87"
+version = "0.2.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dee495e55982a3bd48105a7b947fd2a9b4a8ae3010041b9e0faab3f9cd028f1d"
+checksum = "7fe63fc6d09ed3792bd0897b314f53de8e16568c2b3f7982f468c0bf9bd0b407"
 dependencies = [
  "quote",
  "wasm-bindgen-macro-support",
@@ -1098,38 +1162,105 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-macro-support"
-version = "0.2.87"
+version = "0.2.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "54681b18a46765f095758388f2d0cf16eb8d4169b639ab575a8f5693af210c7b"
+checksum = "8ae87ea40c9f689fc23f209965b6fb8a99ad69aeeb0231408be24920604395de"
 dependencies = [
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
  "wasm-bindgen-backend",
  "wasm-bindgen-shared",
 ]
 
 [[package]]
 name = "wasm-bindgen-shared"
-version = "0.2.87"
+version = "0.2.100"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ca6ad05a4870b2bf5fe995117d3728437bd27d7cd5f06f13c17443ef369775a1"
+checksum = "1a05d73b933a847d6cccdda8f838a22ff101ad9bf93e33684f39c1f5f0eece3d"
+dependencies = [
+ "unicode-ident",
+]
 
 [[package]]
 name = "web-sys"
-version = "0.3.64"
+version = "0.3.77"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9b85cbef8c220a6abc02aefd892dfc0fc23afb1c6a426316ec33253a3877249b"
+checksum = "33b6dd2ef9186f1f2072e409e99cd22a975331a6b3591b12c764e0e55c60d5d2"
 dependencies = [
  "js-sys",
  "wasm-bindgen",
 ]
 
+[[package]]
+name = "windows-targets"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b724f72796e036ab90c1021d4780d4d3d648aca59e491e6b98e725b84e99973"
+dependencies = [
+ "windows_aarch64_gnullvm",
+ "windows_aarch64_msvc",
+ "windows_i686_gnu",
+ "windows_i686_gnullvm",
+ "windows_i686_msvc",
+ "windows_x86_64_gnu",
+ "windows_x86_64_gnullvm",
+ "windows_x86_64_msvc",
+]
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32a4622180e7a0ec044bb555404c800bc9fd9ec262ec147edd5989ccd0c02cd3"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09ec2a7bb152e2252b53fa7803150007879548bc709c039df7627cabbd05d469"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e9b5ad5ab802e97eb8e295ac6720e509ee4c243f69d781394014ebfe8bbfa0b"
+
+[[package]]
+name = "windows_i686_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0eee52d38c090b3caa76c563b86c3a4bd71ef1a819287c19d586d7334ae8ed66"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "240948bc05c5e7c6dabba28bf89d89ffce3e303022809e73deaefe4f6ec56c66"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "147a5c80aabfbf0c7d901cb5895d1de30ef2907eb21fbbab29ca94c5b08b1a78"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "24d5b23dc417412679681396f2b49f3de8c1473deb516bd34410872eff51ed0d"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "589f6da84c646204747d1270a2a5661ea66ed1cced2631d546fdfb155959f9ec"
+
 [[package]]
 name = "winnow"
-version = "0.5.15"
+version = "0.5.40"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7c2e3184b9c4e92ad5167ca73039d0c42476302ab603e2fec4487511f38ccefc"
+checksum = "f593a95398737aeed53e489c785df13f3618e41dbcd6718c6addbf1395aa6876"
 dependencies = [
  "memchr",
 ]
@@ -1161,11 +1292,15 @@ dependencies = [
 
 [[package]]
 name = "yew-bootstrap"
-version = "0.11.0"
+version = "0.11.1"
 dependencies = [
  "anyhow",
  "convert_case",
  "gloo-console 0.3.0",
+ "gloo-utils 0.2.0",
+ "popper-rs",
+ "wasm-bindgen",
+ "web-sys",
  "yew",
 ]
 
@@ -1181,5 +1316,5 @@ dependencies = [
  "proc-macro-error",
  "proc-macro2",
  "quote",
- "syn 2.0.37",
+ "syn 2.0.100",
 ]
diff --git a/examples/basics/src/main.rs b/examples/basics/src/main.rs
index 98e4602..f6e4bc8 100644
--- a/examples/basics/src/main.rs
+++ b/examples/basics/src/main.rs
@@ -7,18 +7,42 @@ use gloo_console::debug;
 use wasm_bindgen::JsCast;
 use web_sys::HtmlElement;
 
-enum Msg {}
-struct Model {}
+enum Msg {
+    ToggleTooltip,
+    ShowTooltip,
+    HideTooltip,
+}
+
+struct Model {
+    tooltip_show: bool,
+}
 
 impl Component for Model {
     type Message = Msg;
     type Properties = ();
 
     fn create(_ctx: &Context<Self>) -> Self {
-        Self {}
+        Self {
+            tooltip_show: false,
+        }
     }
 
-    fn view(&self, _ctx: &Context<Self>) -> Html {
+    fn update(&mut self, _ctx: &Context<Self>, msg: Self::Message) -> bool {
+        match msg {
+            Msg::ToggleTooltip => {
+                self.tooltip_show = !self.tooltip_show;
+            }
+            Msg::ShowTooltip => {
+                self.tooltip_show = true;
+            }
+            Msg::HideTooltip => {
+                self.tooltip_show = false;
+            }
+        }
+        true
+    }
+
+    fn view(&self, ctx: &Context<Self>) -> Html {
         let brand = BrandType::BrandIcon {
             text: AttrValue::from("Yew Bootstrap"),
             url: Some(AttrValue::from("https://yew.rs")),
@@ -39,6 +63,9 @@ impl Component for Model {
             event.prevent_default();
         });
 
+        let tooltip_click_p_ref = NodeRef::default();
+        let tooltip_link_ref = NodeRef::default();
+
         html! {
             <>
                 {include_inline()}
@@ -351,6 +378,153 @@ impl Component for Model {
 
                     <h2>{"Animated"}</h2>
                     <Progress class={"mb-3"}><ProgressBar value=25 animated={true}/></Progress>
+
+                    <h1 id="tooltip">{"Tooltip"}</h1>
+                    <p>
+                        {"The "}
+                        <Link
+                            url="https://github.com/isosphere/yew-bootstrap/tree/main/examples/forms"
+                            node_ref={tooltip_link_ref.clone()}
+                            target="_blank"
+                        >
+                            <code>{"yew-bootstrap"}</code>
+                            {" forms example"}
+                        </Link>
+                        {" demonstrates using a tooltip with many types of form control."}
+                    </p>
+                    <Tooltip
+                        target={tooltip_link_ref}
+                        placement={Placement::TopStart}
+                        fade=true
+                    >
+                        {"Open the Forms example on "}{BI::GITHUB}{" GitHub"}
+                    </Tooltip>
+                    <h2>{"Buttons with tooltips (on focus or hover)"}</h2>
+                    <p>{"These buttons always show tooltips on focus or on hover."}</p>
+                    <ButtonGroup>
+                        {
+                            for [
+                                (Color::Primary, Placement::Auto),
+                                (Color::Secondary, Placement::Top),
+                                (Color::Warning, Placement::Bottom),
+                                (Color::Success, Placement::Left),
+                                (Color::Info, Placement::Right),
+                            ].iter().map(|(color, placement)| {
+                                let btn_ref = NodeRef::default();
+
+                                html_nested! {
+                                    <>
+                                        <Button style={color.clone()} node_ref={btn_ref.clone()}>
+                                            {format!("Tooltip: {placement:?}")}
+                                        </Button>
+                                        <Tooltip target={btn_ref} placement={*placement}>
+                                            {format!("Tooltip for button, placed at {placement:?}.")}
+                                        </Tooltip>
+                                    </>
+                                }
+                            })
+                        }
+                    </ButtonGroup>
+                    <h2 id="tooltip-manual">{"Manually-triggered tooltip on an element"}</h2>
+                    <p ref={tooltip_click_p_ref.clone()}>
+                        {"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt "}
+                        {"ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation "}
+                        {"ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in "}
+                        {"reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur "}
+                        {"sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id "}
+                        {"est laborum."}
+                    </p>
+                    <ButtonGroup>
+                        <Button onclick={ctx.link().callback(|_| Msg::ToggleTooltip)}>
+                            {BI::TOGGLES}{" Toggle"}
+                        </Button>
+                        <Button onclick={ctx.link().callback(|_| Msg::ShowTooltip)}>
+                            {BI::TOGGLE_ON}{" Show"}
+                        </Button>
+                        <Button onclick={ctx.link().callback(|_| Msg::HideTooltip)}>
+                            {BI::TOGGLE_OFF}{" Hide"}
+                        </Button>
+                    </ButtonGroup>
+                    <Tooltip
+                        target={tooltip_click_p_ref}
+                        trigger_on_focus=false
+                        trigger_on_hover=false
+                        show={self.tooltip_show}
+                        placement={Placement::BottomEnd}
+                    >
+                        {"Tooltip toggled manually, targetted to the "}
+                        <code>{"<p>"}</code>
+                        {" tag."}
+                    </Tooltip>
+                    <h2 id="tooltip-trigger"><code>{"trigger_on_focus"}</code>{" and "}<code>{"trigger_on_hover"}</code>{" options"}</h2>
+                    <p>
+                        {"These buttons will always show tooltips on hover, but have different rules for showing on "}
+                        {"focus depending on how your browser responds to the "}<code>{"hover"}</code>{", "}
+                        <code>{"any-hover"}</code>{" and "}<code>{"any-pointer"}</code>{" "}
+                        <a href="https://www.w3.org/TR/mediaqueries-4/#mf-interaction" target="_blank">
+                            {"Interaction Media Features"}
+                        </a>
+                        {" media queries. "}
+                        <a href="https://github.com/mdn/browser-compat-data/issues/24451" target="_blank">
+                            {"Depending on browser support"}
+                        </a>
+                        {", these will trigger based on which types of pointing devices (eg: mouse, touchscreen, "}
+                        {"Wiimote, stylus) are available or in use."}
+                    </p>
+                    <ButtonGroup>
+                        {
+                            for [
+                                (Color::Primary, TooltipFocusTrigger::Always),
+                                (Color::Secondary, TooltipFocusTrigger::IfAnyPointerNoneOrCoarse),
+                                (Color::Danger, TooltipFocusTrigger::IfHoverNone),
+                                (Color::Warning, TooltipFocusTrigger::IfAnyHoverNone),
+                                (Color::Info, TooltipFocusTrigger::Never),
+                            ].iter().map(|(color, trigger_on_focus)| {
+                                let btn_ref = NodeRef::default();
+
+                                html_nested! {
+                                    <>
+                                        <Button style={color.clone()} node_ref={btn_ref.clone()}>
+                                            {format!("on_focus={trigger_on_focus:?}")}
+                                        </Button>
+                                        <Tooltip target={btn_ref} trigger_on_focus={*trigger_on_focus}>
+                                            {"Tooltip for button with "}
+                                            <code>
+                                                {format!("trigger_on_focus={trigger_on_focus:?}")}
+                                            </code>
+                                        </Tooltip>
+                                    </>
+                                }
+                            })
+                        }
+                    </ButtonGroup>
+                    <p>{"These buttons either always or never trigger on focus or on hover, regardless of media queries."}</p>
+                    <ButtonGroup>
+                        {
+                            for [
+                                (Color::Primary, TooltipFocusTrigger::Always, true),
+                                (Color::Secondary, TooltipFocusTrigger::Always, false),
+                                (Color::Info, TooltipFocusTrigger::Never, true),
+                                (Color::Warning, TooltipFocusTrigger::Never, false),
+                            ].iter().map(|(color, trigger_on_focus, trigger_on_hover)| {
+                                let btn_ref = NodeRef::default();
+
+                                html_nested! {
+                                    <>
+                                        <Button style={color.clone()} node_ref={btn_ref.clone()}>
+                                            {format!("on_focus={trigger_on_focus:?}, on_hover={trigger_on_hover:?}")}
+                                        </Button>
+                                        <Tooltip target={btn_ref} trigger_on_focus={*trigger_on_focus} {trigger_on_hover}>
+                                            {"Tooltip for button with "}
+                                            <code>
+                                                {format!("trigger_on_focus={trigger_on_focus:?} trigger_on_hover={trigger_on_hover:?}")}
+                                            </code>
+                                        </Tooltip>
+                                    </>
+                                }
+                            })
+                        }
+                    </ButtonGroup>
                 </div>
                 <div id="helpers" class="p-3">
                     <h1>{"Vertical/Horizontal rule"}</h1>
diff --git a/examples/forms/src/main.rs b/examples/forms/src/main.rs
index eeb0943..b99a46b 100644
--- a/examples/forms/src/main.rs
+++ b/examples/forms/src/main.rs
@@ -29,6 +29,7 @@ struct Model {
     value_checkbox: bool,
     number_value: AttrValue,
     number_feedback: FormControlValidation,
+    show_checkbox_tooltip: bool,
 }
 
 impl Component for Model {
@@ -49,6 +50,7 @@ impl Component for Model {
             value_checkbox: false,
             number_value: AttrValue::from(""),
             number_feedback: FormControlValidation::None,
+            show_checkbox_tooltip: true,
         }
     }
 
@@ -101,9 +103,16 @@ impl Component for Model {
             },
             Msg::InputBoolChanged { name, value } => {
                 self.input_changes.push(format!("{name} changed: {}", if value { "checked " } else { "unchecked" }));
-                if &name[..] == "input-checkbox-callback" {
-                    self.value_checkbox = value;
+                match &name[..] {
+                    "input-checkbox-callback" => {
+                        self.value_checkbox = value;
+                    }
+                    "input-tooltip-checkbox" => {
+                        self.show_checkbox_tooltip = !value;
+                    }
+                    _ => {}
                 }
+                
                 true
             },
             _ => false
@@ -160,6 +169,10 @@ impl Component for Model {
             icon: BI::ROCKET,
         };
 
+        let tooltip_select_ref = NodeRef::default();
+        let tooltip_checkbox_ref = NodeRef::default();
+        let tooltip_textarea_ref = NodeRef::default();
+
         html! {
             <>
                 {include_inline()}
@@ -372,6 +385,92 @@ impl Component for Model {
                             value="05:00"
                         />
                     </Container>
+                    <h2>{ "Fields with tooltips"}</h2>
+                    <Container size={ContainerSize::ExtraLarge}>
+                        <FormControl
+                            id="input-tooltip-text"
+                            ctype={FormControlType::TextArea { cols: None, rows: None }}
+                            class="mb-3" label="Text with tooltip on focus only"
+                            placeholder="Placeholder text"
+                            node_ref={tooltip_textarea_ref.clone()}
+                        />
+                        <Tooltip
+                            target={tooltip_textarea_ref}
+                            trigger_on_focus=true
+                            trigger_on_hover=false
+                        >
+                            {"Tooltip for input control, shown when focussed."}
+                        </Tooltip>
+                        <FormControl
+                            id="input-tooltip-select1"
+                            ctype={FormControlType::Select}
+                            class="mb-3"
+                            label="Select control with tooltip on hover or focus"
+                            node_ref={tooltip_select_ref.clone()}
+                        >
+                            <SelectOption key=0 label="Select an option" selected=true />
+                            <SelectOption key=1 label="Option 1" value="1"/>
+                            <SelectOption key=2 label="Option 2" value="2"/>
+                            <SelectOption key=3 label="Option 3" value="3"/>
+                        </FormControl>
+                        <Tooltip
+                            target={tooltip_select_ref}
+                            placement={Placement::Bottom}
+                        >
+                            {"Tooltip for select control, shown when focussed or hovered."}
+                        </Tooltip>
+                        <FormControl
+                            id="input-tooltip-checkbox"
+                            name="input-tooltip-checkbox"
+                            ctype={FormControlType::Checkbox}
+                            class="mb-3"
+                            label="I accept the terms and conditions to be able to hide the tooltip."
+                            node_ref={tooltip_checkbox_ref.clone()}
+                            onchange={onchange.clone()}
+                            checked={!self.show_checkbox_tooltip}
+                        />
+                        <Tooltip
+                            target={tooltip_checkbox_ref}
+                            trigger_on_focus=false
+                            trigger_on_hover=false
+                            show={self.show_checkbox_tooltip}
+                            placement={Placement::BottomStart}
+                            fade={true}
+                        >
+                            {"You must accept the terms and conditions to hide this tooltip. Even though this "}
+                            {"tooltip visually blocks other form elements, they can still receive events."}
+                        </Tooltip>
+                        {
+                            for [
+                                TooltipFocusTrigger::IfHoverNone,
+                                TooltipFocusTrigger::IfAnyHoverNone,
+                                TooltipFocusTrigger::IfAnyPointerNoneOrCoarse,
+                                TooltipFocusTrigger::Never,
+                            ].iter().enumerate().map(|(i, trigger_on_focus)| {
+                                let input_ref = NodeRef::default();
+
+                                html_nested! {
+                                    <>
+                                        <FormControl
+                                            id={format!("input-focus-trigger{i}")}
+                                            ctype={FormControlType::Text}
+                                            class="mb-3"
+                                            label={format!("Input with tooltip on hover and on focus {trigger_on_focus:?}")}
+                                            placeholder="Placeholder text"
+                                            node_ref={input_ref.clone()}
+                                        />
+                                        <Tooltip
+                                            target={input_ref}
+                                            trigger_on_focus={*trigger_on_focus}
+                                            trigger_on_hover=true
+                                        >
+                                            {format!("Tooltip for input with trigger on focus = {trigger_on_focus:?}.")}
+                                        </Tooltip>
+                                    </>
+                                }
+                            })
+                        }
+                    </Container>
                     <h2>{ "Floating fields " }</h2>
                     <Container size={ContainerSize::ExtraLarge}>
                         <p>{
diff --git a/packages/yew-bootstrap/Cargo.toml b/packages/yew-bootstrap/Cargo.toml
index cdef251..0159caa 100644
--- a/packages/yew-bootstrap/Cargo.toml
+++ b/packages/yew-bootstrap/Cargo.toml
@@ -19,9 +19,12 @@ name = "yew_bootstrap"
 [dependencies]
 yew = { version = "0.21", features = ["csr"] }
 gloo-console = "0.3"
+wasm-bindgen = "0.2.*"
+web-sys = { version = "0.3.*", features = ["HtmlElement", "MediaQueryList", "MediaQueryListEvent"] }
+popper-rs = { version = "0.3.0", features = ["yew"] }
+gloo-utils = "0.2.0"
 
 [dev-dependencies]
-wasm-bindgen = "0.2.*"
 web-sys = { version = "0.3.*", features = ["HtmlTextAreaElement", "HtmlSelectElement"] }
 
 [build-dependencies]
diff --git a/packages/yew-bootstrap/README.md b/packages/yew-bootstrap/README.md
index b5a726c..7003edd 100644
--- a/packages/yew-bootstrap/README.md
+++ b/packages/yew-bootstrap/README.md
@@ -76,7 +76,7 @@ This project uses [semantic versioning](https://semver.org/).
 - [ ] Scrollspy
 - [x] Spinner ([component::Spinner])
 - [ ] Toast
-- [ ] Tooltips
+- [x] Tooltips ([component::Tooltip])
 
 ### Helpers
 
diff --git a/packages/yew-bootstrap/src/component/mod.rs b/packages/yew-bootstrap/src/component/mod.rs
index 1e2a761..e7076c3 100644
--- a/packages/yew-bootstrap/src/component/mod.rs
+++ b/packages/yew-bootstrap/src/component/mod.rs
@@ -17,6 +17,7 @@ mod navbar;
 mod row;
 mod spinner;
 mod progress;
+mod tooltip;
 
 pub use self::accordion::*;
 pub use self::alert::*;
@@ -35,3 +36,4 @@ pub use self::navbar::*;
 pub use self::row::*;
 pub use self::spinner::*;
 pub use self::progress::*;
+pub use self::tooltip::*;
diff --git a/packages/yew-bootstrap/src/component/tooltip.rs b/packages/yew-bootstrap/src/component/tooltip.rs
new file mode 100644
index 0000000..1ff7ab2
--- /dev/null
+++ b/packages/yew-bootstrap/src/component/tooltip.rs
@@ -0,0 +1,663 @@
+//! Implements tooltip suppport.
+//!
+//! `yew` presumes it has exclusive control of the DOM, which conflicts with the
+//! Bootstrap's assumption that it also has exclusive control of the DOM.
+//!
+//! So, we need to re-implement the Tooltip plugin using `yew`...
+//!
+//! * <https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Tooltip.tsx>
+//! * <https://github.com/twbs/bootstrap/blob/main/js/src/tooltip.js>
+
+pub use popper_rs::prelude::Placement;
+use popper_rs::{
+    prelude::{use_popper, Modifier, Offset, Options, Strategy},
+    state::ApplyAttributes,
+};
+use wasm_bindgen::{closure::Closure, JsCast};
+use web_sys::{HtmlElement, MediaQueryList, MediaQueryListEvent};
+use yew::{html::IntoPropValue, platform::spawn_local, prelude::*};
+
+/// Media query to indicate that the primary pointing device is missing or does
+/// not support hovering.
+///
+/// Reference: [Media Queries Level 4: Hover Capability](https://www.w3.org/TR/mediaqueries-4/#hover)
+const MEDIA_QUERY_HOVER_NONE: &'static str = "(hover: none)";
+
+/// Media query to indicate that there is no pointing device which supports
+/// hovering.
+///
+/// Reference: [Media Queries Level 4: All Available Interaction Capabilities](https://www.w3.org/TR/mediaqueries-4/#any-input)
+const MEDIA_QUERY_ANY_HOVER_NONE: &'static str = "(any-hover: none)";
+
+/// Media query to indicate that there are either no pointing devices, or a
+/// pointing device only supports coarse input.
+///
+/// Reference: [Media Queries Level 4: All Available Interaction Capabilities](https://www.w3.org/TR/mediaqueries-4/#any-input)
+const MEDIA_QUERY_ANY_POINTER_NONE_OR_COARSE: &'static str =
+    "(any-pointer: none) or (any-pointer: coarse)";
+
+/// Trigger options for [`TooltipProps::trigger_on_focus`].
+///
+/// This allows tooltips to be selectively enabled on focus, depending on the
+/// result of which [Interaction Media Features][0] the user's device supports.
+///
+/// [0]: https://www.w3.org/TR/mediaqueries-4/#mf-interaction
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+pub enum TooltipFocusTrigger {
+    /// Always show the tooltip on element focus.
+    ///
+    /// This is the default option, and provides a reliable and accessible
+    /// alternative when using a non-hover-capable device (such as a
+    /// touchscreen) or navigating with a keyboard on a device that *also* has a
+    /// pointing device.
+    ///
+    /// Because of the many side-effects, browser and platform bugs that come
+    /// from attempting to *selectively* disable showing tooltips on focus, this
+    /// is generally the best choice, but may lead to unexpected tooltip display
+    /// for users on a desktop browser with a traditional mouse.
+    #[default]
+    Always,
+
+    /// Show the tooltip on element focus only if the *primary* pointing device
+    /// does *not* support hovering (eg: touchscreen), or there are no pointing
+    /// devices connected (`hover: none`).
+    ///
+    /// If the primary pointing device supports hovering (eg: mouse, trackpad,
+    /// trackball, smart pen, Wiimote, Leap Motion Controller), the tooltip will
+    /// not be shown when the element has focus.
+    ///
+    /// Figuring out what the "primary" pointing device actually is
+    /// [can be complicated to answer for some devices][0]. They generally err
+    /// towards reporting the use and presence of an ordinary mouse with hover
+    /// capabilities (eg: [Firefox bug 1851244][1]), even when there are no
+    /// pointing devices connected, or used with a touchscreen.
+    ///
+    /// Both [Chromium][2] and [Firefox][3] on Windows erroneously report
+    /// touch-only devices as having an ordinary mouse with hover capabilities
+    /// if the device lacks an auto-rotation sensor (even if disabled), which is
+    /// generally the case for non-tablet devices like external touchscreen
+    /// monitors and all-in-one PCs).
+    ///
+    /// [Some Android devices also erroneously report `hover: hover`][4], even
+    /// when they only have a touch screen.
+    ///
+    /// Safari on iOS *always* reports `hover: none`, even when using an iPad
+    /// with hover-capable pointing devices, such as the Apple Pencil (stylus),
+    /// Magic Keyboard (trackpad) or an ordinary mouse with an external display.
+    /// All hover-capable devices *except* the Pencil are reported via
+    /// `any-hover: hover`.
+    ///
+    /// For someone who primarily uses a keyboard to interact with their
+    /// computer, but has a mouse plugged in (eg: a laptop with a built-in
+    /// trackpad, or a virtual device), their browser will still report a
+    /// primary pointing device which is "hover capable", even when they have no
+    /// way to hover.
+    ///
+    /// These implementation problems and shortfalls make the `hover: none`
+    /// media query unreliable, and an unreliable indicator of user preferences.
+    ///
+    /// [0]: https://firefox-source-docs.mozilla.org/widget/windows/windows-pointing-device/index.html#selection-of-the-primary-pointing-device
+    /// [1]: https://bugzilla.mozilla.org/show_bug.cgi?id=1851244
+    /// [2]: https://issues.chromium.org/issues/366055333
+    /// [3]: https://bugzilla.mozilla.org/show_bug.cgi?id=1918292
+    /// [4]: https://issues.chromium.org/issues/41445959
+    IfHoverNone,
+
+    /// Trigger showing the tooltip on element focus only if *all* pointing
+    /// devices connected to the device do not support hovering, or there there
+    /// are no pointing devices connected (`any-hover: none`).
+    ///
+    /// For a device with *only* one non-hovering pointing device (eg: a mobile
+    /// phone with a touch screen or basic stylus), this is the same as
+    /// [`TooltipFocusTrigger::IfHoverNone`].
+    ///
+    /// For a device with *both* hovering and non-hovering pointing device(s)
+    /// (eg: a laptop with a trackpad and touchscreen, or a tablet with both pen
+    /// and touch input), this option will never show will never show the
+    /// tooltip on focus.
+    ///
+    /// Unfortunately, [there is no way to detect if not *all* pointer devices support hovering][1].
+    ///
+    /// Most desktop browsers will *always* report the presence of an ordinary
+    /// (hover-capable) mouse, even if none is attached. This can be caused by:
+    ///
+    /// * a wireless mouse dongle which is plugged in, but the wireless mouse
+    ///   itself is turned off
+    ///
+    /// * the presence of a PS/2 mouse controller
+    ///
+    /// * the presence of a virtual mouse device
+    ///
+    /// * a touch screen which does not have an automatic rotation sensor
+    ///   (but this will report hover events from touch), due to [Chromium][2]
+    ///   and [Firefox][3] bugs.
+    ///
+    /// These issues may also impact someone who primarily uses a keyboard to
+    /// interact with their computer.
+    ///
+    /// These implementation problems and shortfalls make the `any-hover: none`
+    /// media query an unreliable indicator of user preferences.
+    ///
+    /// [1]: https://github.com/w3c/csswg-drafts/issues/5462
+    /// [2]: https://issues.chromium.org/issues/366055333
+    /// [3]: https://bugzilla.mozilla.org/show_bug.cgi?id=1918292
+    IfAnyHoverNone,
+
+    /// Trigger showing tooltips on element focus only if:
+    ///
+    /// * there are no pointer devices present (`any-pointer: none`), **or**,
+    /// * there are *coarse* pointer devices present (`any-pointer: coarse`),
+    ///   such as a touchscreen, Wiimote or Leap Motion Controller
+    ///
+    /// This is a work-around for there being
+    /// [no way for a browser to report that not all devices support `hover`][1],
+    /// and the complex heuristics required (which all browsers lack) to
+    /// determine which is the "primary" pointing device on desktop and laptop
+    /// computers.
+    ///
+    /// The intent of this mode is that tooltips will be shown on `focus` for
+    /// devices with touchscreens, *regardless* of whether they have an
+    /// auto-rotation sensor.
+    ///
+    /// The side-effects are:
+    ///
+    /// * hovering `coarse` pointer devices (like the Wiimote and Leap Motion
+    ///   Controller) will *also* show tooltips on focus, even though they can
+    ///   hover
+    /// * traditional-style laptops with touchscreens (ie: not foldable or
+    ///   convertible into a tablet) will *also* show tooltips on focus, even
+    ///   though using the touchscreen as a primary pointing device is very
+    ///   uncomfortable (because it requires reaching over the keyboard)
+    /// * non-hovering `fine` pointer devices (like basic stylus digitisers)
+    ///   will *not* show tooltips on focus, even though they can't hover
+    /// * a user primarily using non-pointer (keyboard) input but with at least
+    ///   one `fine` pointing device connected (such as a laptop with built-in
+    ///   trackpad) will never see tooltips on focus
+    /// * [Safari doesn't fire `focus` events][2] on components on click or
+    ///   touch if it does not accept keyboard input (eg: `<a>` and `<button>`)
+    ///
+    /// [1]: https://github.com/w3c/csswg-drafts/issues/5462
+    /// [2]: https://webkit.org/b/22261#c68
+    IfAnyPointerNoneOrCoarse,
+
+    /// Never show the tooltip on element focus.
+    ///
+    /// Make sure there is some other way to trigger the tooltip which works on
+    /// all types of devices and meets users' preferred input modalities.
+    Never,
+}
+
+impl IntoPropValue<TooltipFocusTrigger> for bool {
+    fn into_prop_value(self) -> TooltipFocusTrigger {
+        if self {
+            TooltipFocusTrigger::Always
+        } else {
+            TooltipFocusTrigger::Never
+        }
+    }
+}
+
+impl TooltipFocusTrigger {
+    fn media_queries(&self) -> Option<MediaQueryList> {
+        let query = match self {
+            Self::Always | Self::Never => return None,
+            Self::IfHoverNone => MEDIA_QUERY_HOVER_NONE,
+            Self::IfAnyHoverNone => MEDIA_QUERY_ANY_HOVER_NONE,
+            Self::IfAnyPointerNoneOrCoarse => MEDIA_QUERY_ANY_POINTER_NONE_OR_COARSE,
+        };
+        let w = gloo_utils::window();
+        w.match_media(&query).ok().flatten()
+    }
+
+    fn should_trigger(&self) -> bool {
+        let Some(queries) = self.media_queries() else {
+            return match self {
+                Self::Always => true,
+                Self::Never => false,
+                _ => unreachable!(),
+            };
+        };
+
+        queries.matches()
+    }
+}
+
+#[derive(Properties, Clone, PartialEq)]
+pub struct TooltipProps {
+    /// The node which this tooltip is attached to.
+    ///
+    /// If the `target` can be `disabled`, pass the same value to
+    /// [Tooltip's `disabled` property][Self::disabled] to ensure that the
+    /// tooltip will be automatically hidden, even if it had focus, was being
+    /// hovered or clicked.
+    pub target: NodeRef,
+
+    /// ID of the tooltip.
+    ///
+    /// If this is set, [Tooltip] will set the `target`'s `aria-describedby`
+    /// attribute whenever it is visible.
+    #[prop_or_default]
+    pub id: Option<AttrValue>,
+
+    /// Content of the tooltip.
+    #[prop_or_default]
+    pub children: Children,
+
+    /// Placement of the tooltip.
+    ///
+    /// [Popper's website shows all placement options][0].
+    ///
+    /// [0]: https://popper.js.org/
+    #[prop_or_default]
+    pub placement: Placement,
+
+    /// Use fade transition when showing or hiding the tooltip.
+    #[prop_or_default]
+    pub fade: bool,
+
+    /// If `true`, always show the tooltip, regardless of focus state.
+    ///
+    /// [`disabled = true`][TooltipProps::disabled] overrides this option.
+    #[prop_or_default]
+    pub show: bool,
+
+    /// Show the tooltip when the [`target`][Self::target] node recieves input
+    /// or keyboard focus.
+    ///
+    /// This defaults to [`TooltipFocusTrigger::Always`], which always shows the
+    /// tooltip on input focus. See [`TooltipFocusTrigger`] for other options
+    /// which selectively disable this behaviour based on media queries,
+    /// and full caveats on each.
+    ///
+    /// This [will not trigger on `disabled` elements][0].
+    ///
+    /// ## Safari/WebKit focus events
+    ///
+    /// *Unlike* most other web browsers (even on macOS), Safari and other
+    /// browsers using the WebKit renderer[^1] do not fire `focus` events for
+    /// components which *do not* accept keyboard input (such as `<a>` and
+    /// `<button>` elements) when clicked or touched,
+    /// [following macOS conventions][2].
+    ///
+    /// In Safari on macOS, pressing <kbd>Option</kbd> + <kbd>Tab</kbd> will
+    /// allow you to focus components that does not accept keyboard input, and
+    /// will fire a `focus` event similarly to other platforms. If
+    /// [keyboard navigation is enabled in System Settings][3], pressing
+    /// <kbd>Tab</kbd> cycles focus between any component (like other
+    /// platforms).
+    ///
+    /// Safari will fire `focus` **and** (potentially-synthetic) `hover` events
+    /// for components which accept keyboard input (such as
+    /// `<input type="text">`) when clicked *or touched*. Touchscreen devices on
+    /// most other platforms will only fire `focus` events on touch, not
+    /// `hover`.
+    ///
+    /// [^1]: [Outside of the European Union][4], **all** browsers on iOS *also* use WebKit.
+    ///
+    /// [0]: https://getbootstrap.com/docs/5.3/components/tooltips/#disabled-elements
+    /// [2]: https://webkit.org/b/22261#c68
+    /// [3]: https://support.apple.com/en-au/guide/mac-help/mchlp1399/14.0/mac/14.0
+    /// [4]: https://developer.apple.com/support/alternative-browser-engines/
+    #[prop_or_default]
+    pub trigger_on_focus: TooltipFocusTrigger,
+
+    /// Show the tooltip when the [`target`][Self::target] component has the
+    /// mouse cursor hovered over it.
+    ///
+    /// This defaults to `true`, but [will not trigger on `disabled` elements][0].
+    ///
+    /// **Note:** touchscreen devices and keyboard-only users *may not* trigger
+    /// hover events. Ensure there is some other way to trigger the tooltip on
+    /// those devices, such as with
+    /// [`trigger_on_focus={TooltipFocusTrigger::Always}`][1].
+    ///
+    /// Safari on iOS reports synthetic `mouseenter` events on touchscreen
+    /// devices, when browsers on other platforms with touchscreens
+    /// traditionally do not.
+    ///
+    /// However, [Safari on iOS does not fire `focus` events][2] for components
+    /// which do not accept keyboard input (such as `<a>` and `<button>`), so
+    /// synthetic `hover` events are the only way to trigger tooltips.
+    ///
+    /// [0]: https://getbootstrap.com/docs/5.3/components/tooltips/#disabled-elements
+    /// [1]: Self::trigger_on_focus
+    /// [2]: https://webkit.org/b/22261#c68
+    #[prop_or(true)]
+    pub trigger_on_hover: bool,
+
+    /// If `true`, always hide the tooltip. *This overrides all other
+    /// conditions.*
+    ///
+    /// The tooltip will remain part of the DOM.
+    ///
+    /// [Disabled elements don't fire events][0], including `focusout` on a
+    /// currently-focused element and `mouseleave` of a currently-hovered
+    /// element. This could cause a tooltip to be "stuck" being shown.
+    ///
+    /// This property allows you to automatically hide a [Tooltip] which has
+    /// [`trigger_on_focus = true`][Self::trigger_on_focus] or
+    /// [`trigger_on_hover = true`][Self::trigger_on_hover] whenever the
+    /// [`target`][Self::target] is disabled.
+    ///
+    /// **Warning:** entirely removing the [Tooltip] from the DOM whenever the
+    /// [`target`][Self::target] is disabled can cause strange behaviour if the
+    /// that tooltip is currently being displayed.
+    ///
+    /// [0]: https://getbootstrap.com/docs/5.3/components/tooltips/#disabled-elements
+    #[prop_or_default]
+    pub disabled: bool,
+}
+
+/// # Tooltip component
+///
+/// Tooltip which is automatically shown when an element is focused or hovered.
+///
+/// [Bootstrap's tooltips][0] depend on Popper, which assumes complete control
+/// of the DOM. Yew *also* assumes complete control of the DOM, so this can lead
+/// to unexpected behaviour whenever it reuses DOM components – so you can't
+/// just use `data-bs-toggle="tooltip"`.
+///
+/// This component is similar to [`react-bootstrap`'s Tooltip component][2] –
+/// it wires up Popper in a way that works nicely with Yew.
+///
+/// There are some similarities and differences between this component and
+/// Bootstrap's in-built implementation:
+///
+/// * There's no need to use `bootstrap.bundle.min.js` or `popper.min.js`. This
+///   component uses [`popper-rs`][], which comes with Popper.
+///
+/// * You can't trigger or describe tooltips with `data-bs-*` attributes.
+///
+/// * The `<Tooltip>`'s content is set with the [`children`][] property, which
+///   supports arbitrary HTML.
+///
+///   It doesn't support the `sanitize`, `sanitizeFn` or `title` attributes.
+///
+/// * Like Bootstrap, `<Tooltip>` is triggered by
+///   [input focus][trigger_on_focus] and [mouse hover][trigger_on_hover] by
+///   default.
+///
+///   These triggers can be individually disabled, and you can
+///   [control display manually][`show`] instead.
+///
+///   `<Tooltip>` *does not* support the `click` trigger – use input focus
+///   instead. This makes it possible to trigger tooltips when there is *no*
+///   pointing device available or it cannot be used.
+///
+/// * Like Bootstrap, tooltips exist in a shadow DOM ([portal][]) outside of the
+///   normal page hierarchy.
+///
+///   Unlike Bootstrap, the `<Tooltip>` is *always* present in the DOM, even
+///   when the tooltip is not displayed.
+///
+///   A `<Tooltip>` needs to remain part of the DOM if it *could* be shown in a
+///   component. Use the [`show`][] and [`disabled`][] properties to
+///   control its display.
+///
+/// * When using a [`target`][] which could be `disabled` and triggering
+///   on focus and/or on hover, you can prevent the tooltip from being displayed
+///   by setting the [`disabled`][] property on the on the `<Tooltip>`
+///   as well. Otherwise, the `target` won't fire an event to *hide* the tooltip
+///   when it loses focus or isn't hovered.
+///
+///   If you only ever trigger tooltips manually, then there's no need to sync
+///   the `disabled` state.
+///
+/// * Like Bootstrap, if you want the tooltip to be displayed on focus or on
+///   hover on a `disabled` [`target`][], you'll need to use a
+///   [wrapper element][].
+///
+/// ## Examples
+///
+/// Button with a tooltip, shown automatically on focus or hover:
+///
+/// ```rust
+/// use yew::prelude::*;
+/// use yew_bootstrap::component::{Button, Tooltip};
+/// use yew_bootstrap::util::Color;
+///
+/// fn test() -> Html {
+///     let btn_ref = NodeRef::default();
+///     html! {
+///         <>
+///             <Button style={Color::Primary} node_ref={btn_ref.clone()}>
+///                 {"Button with tooltip"}
+///             </Button>
+///             <Tooltip target={btn_ref}>
+///                 {"Tooltip for button."}
+///             </Tooltip>
+///         </>
+///     }
+/// }
+/// ```
+///
+/// [0]: https://getbootstrap.com/docs/5.3/components/tooltips/
+/// [2]: https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Tooltip.tsx
+/// [`children`]: TooltipProps::children
+/// [`disabled`]: TooltipProps::disabled
+/// [portal]: https://yew.rs/docs/advanced-topics/portals
+/// [`popper-rs`]: https://github.com/ctron/popper-rs/
+/// [`show`]: TooltipProps::show
+/// [`target`]: TooltipProps::target
+/// [trigger_on_focus]: TooltipProps::trigger_on_focus
+/// [trigger_on_hover]: TooltipProps::trigger_on_hover
+/// [wrapper element]: https://getbootstrap.com/docs/5.3/components/tooltips/#disabled-elements
+#[function_component]
+pub fn Tooltip(props: &TooltipProps) -> Html {
+    let tooltip_ref = use_node_ref();
+
+    // Adapted from https://github.com/ctron/popper-rs/blob/main/examples/yew/src/example/basic.rs
+    let options = use_memo(props.placement, |placement| Options {
+        placement: (*placement).into(),
+        modifiers: vec![Modifier::Offset(Offset {
+            skidding: 0,
+            distance: 6,
+        })],
+        strategy: Strategy::Fixed,
+        ..Default::default()
+    });
+
+    let popper = use_popper(props.target.clone(), tooltip_ref.clone(), options).unwrap();
+
+    let focused = use_state_eq(|| false);
+    let focus_should_trigger = use_state_eq(|| props.trigger_on_focus.should_trigger());
+    let hovered = use_state_eq(|| false);
+
+    let onshow = {
+        let focused = focused.clone();
+        let hovered = hovered.clone();
+        Callback::from(move |evt_type: String| match evt_type.as_str() {
+            "mouseenter" => hovered.set(true),
+            "focusin" => focused.set(true),
+            _ => {}
+        })
+    };
+
+    let onhide = {
+        let focused = focused.clone();
+        let hovered = hovered.clone();
+        Callback::from(move |evt_type: String| match evt_type.as_str() {
+            "mouseleave" => hovered.set(false),
+            "focusout" => focused.set(false),
+            _ => {}
+        })
+    };
+
+    let focus_should_trigger_listener = {
+        let focus_should_trigger = focus_should_trigger.clone();
+
+        Callback::from(move |v: bool| {
+            focus_should_trigger.set(v);
+        })
+    };
+
+    use_effect_with(props.trigger_on_focus, |trigger_on_focus| {
+        let r = if let Some(media_query_list) = trigger_on_focus.media_queries() {
+            let media_query_list_listener = Closure::<dyn Fn(MediaQueryListEvent)>::wrap(Box::new(
+                move |e: MediaQueryListEvent| {
+                    focus_should_trigger_listener.emit(e.matches());
+                },
+            ));
+
+            let _ = media_query_list.add_event_listener_with_callback(
+                "change",
+                media_query_list_listener.as_ref().unchecked_ref(),
+            );
+
+            Some((media_query_list_listener, media_query_list))
+        } else {
+            // Current trigger_on_focus rule doesn't need a MediaQueryList change event listener.
+            None
+        };
+
+        move || {
+            if let Some((media_query_list_listener, media_query_list)) = r {
+                let _ = media_query_list.remove_event_listener_with_callback(
+                    "change",
+                    media_query_list_listener.as_ref().unchecked_ref(),
+                );
+
+                drop(media_query_list_listener);
+            }
+        }
+    });
+
+    if props.disabled {
+        // Whenever this component is disabled, explicitly set our focus and
+        // hover state to false.
+        focused.set(false);
+        hovered.set(false);
+    }
+
+    let show = !props.disabled
+        && (props.show
+            || (*focused && *focus_should_trigger)
+            || (*hovered && props.trigger_on_hover));
+    let data_show = show.then(AttrValue::default);
+
+    use_effect_with((show, popper.instance.clone()), |(show, popper)| {
+        if *show {
+            let popper = popper.clone();
+
+            spawn_local(async move {
+                popper.update().await;
+            });
+        }
+    });
+
+    use_effect_with(
+        (tooltip_ref.clone(), popper.state.attributes.popper.clone()),
+        |(tooltip_ref, attributes)| {
+            tooltip_ref.apply_attributes(attributes);
+        },
+    );
+
+    // Attach event handlers. These are always wired up, just we ignore the
+    // result when they're disabled.
+    use_effect_with(props.target.clone(), |target_ref| {
+        let show_listener = Closure::<dyn Fn(Event)>::wrap(Box::new(move |e: Event| {
+            onshow.emit(e.type_());
+        }));
+        let hide_listener = Closure::<dyn Fn(Event)>::wrap(Box::new(move |e: Event| {
+            onhide.emit(e.type_());
+        }));
+        let target_elem = target_ref.cast::<HtmlElement>();
+
+        if let Some(target_elem) = &target_elem {
+            let _ = target_elem.add_event_listener_with_callback(
+                "focusin",
+                show_listener.as_ref().unchecked_ref(),
+            );
+            let _ = target_elem.add_event_listener_with_callback(
+                "focusout",
+                hide_listener.as_ref().unchecked_ref(),
+            );
+
+            let _ = target_elem.add_event_listener_with_callback(
+                "mouseenter",
+                show_listener.as_ref().unchecked_ref(),
+            );
+            let _ = target_elem.add_event_listener_with_callback(
+                "mouseleave",
+                hide_listener.as_ref().unchecked_ref(),
+            );
+        };
+
+        move || {
+            if let Some(target_elem) = target_elem {
+                let _ = target_elem.remove_event_listener_with_callback(
+                    "focusin",
+                    show_listener.as_ref().unchecked_ref(),
+                );
+                let _ = target_elem.remove_event_listener_with_callback(
+                    "focusout",
+                    hide_listener.as_ref().unchecked_ref(),
+                );
+                let _ = target_elem.remove_event_listener_with_callback(
+                    "mouseenter",
+                    show_listener.as_ref().unchecked_ref(),
+                );
+                let _ = target_elem.remove_event_listener_with_callback(
+                    "mouseleave",
+                    hide_listener.as_ref().unchecked_ref(),
+                );
+            }
+            drop(show_listener);
+            drop(hide_listener);
+        }
+    });
+
+    use_effect_with(
+        (props.target.clone(), props.id.clone(), show),
+        |(target_ref, tooltip_id, show)| {
+            let Some(target_elem) = target_ref.cast::<HtmlElement>() else {
+                return;
+            };
+
+            match (tooltip_id, show) {
+                (Some(tooltip_id), true) => {
+                    let _ = target_elem.set_attribute("aria-describedby", tooltip_id);
+                }
+                _ => {
+                    let _ = target_elem.remove_attribute("aria-describedby");
+                }
+            }
+        },
+    );
+
+    let mut class = classes!["tooltip", "bs-tooltip-auto"];
+    if props.fade {
+        class.push("fade");
+    }
+    if show {
+        class.push("show");
+    }
+
+    let mut popper_style = popper.state.styles.popper.clone();
+    // Make sure `<Tooltip>` doesn't interfere with events going to other
+    // elements, even when hidden.
+    popper_style.insert("pointer-events".to_string(), "none".to_string());
+
+    create_portal(
+        html_nested! {
+            <div
+                ref={&tooltip_ref}
+                role="tooltip"
+                {class}
+                style={&popper_style}
+                data-show={&data_show}
+                id={props.id.clone()}
+            >
+                <div
+                    class="tooltip-arrow"
+                    data-popper-arrow="true"
+                    style={&popper.state.styles.arrow}
+                />
+                <div class="tooltip-inner">
+                    { for props.children.iter() }
+                </div>
+            </div>
+        },
+        gloo_utils::body().into(),
+    )
+}
diff --git a/packages/yew-bootstrap/src/util/mod.rs b/packages/yew-bootstrap/src/util/mod.rs
index 5f6ee70..401a433 100644
--- a/packages/yew-bootstrap/src/util/mod.rs
+++ b/packages/yew-bootstrap/src/util/mod.rs
@@ -10,4 +10,4 @@ pub use self::include::*;
 pub use self::size::*;
 pub use self::dimension::*;
 pub use self::position::*;
-pub use self::arrange::*;
\ No newline at end of file
+pub use self::arrange::*;