diff --git a/Cargo.lock b/Cargo.lock
index 68a6a16..1de4a66 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -10,18 +10,27 @@ checksum = "f26201604c87b1e01bd3d98f8d5d9a8fcbb815e8cedb41ffccbeb4bf593a35fe"
 
 [[package]]
 name = "aho-corasick"
-version = "0.7.18"
+version = "0.7.20"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1e37cfd5e7657ada45f742d6e99ca5788580b5c529dc78faf11ece6dc702656f"
+checksum = "cc936419f96fa211c1b9166887b38e5e40b19958e5b895be7c1f93adec7071ac"
 dependencies = [
  "memchr",
 ]
 
 [[package]]
-name = "anyhow"
-version = "1.0.58"
+name = "android_system_properties"
+version = "0.1.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bb07d2053ccdbe10e2af2995a2f116c1330396493dc1269f6a91d0ae82e19704"
+checksum = "819e7219dbd41043ac279b19830f2efc897156490d7fd6ea916720117ee66311"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "anyhow"
+version = "1.0.66"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "216261ddc8289130e551ddcd5ce8a064710c0d064a4d2895c67151c92b5443f6"
 
 [[package]]
 name = "anymap2"
@@ -29,17 +38,6 @@ version = "0.13.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d301b3b94cb4b2f23d7917810addbbaff90738e0ca2be692bd027e70d7e0330c"
 
-[[package]]
-name = "atty"
-version = "0.2.14"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d9b39be18770d11421cdb1b9947a45dd3f37e93092cbf377614828a319d5fee8"
-dependencies = [
- "hermit-abi",
- "libc",
- "winapi 0.3.9",
-]
-
 [[package]]
 name = "autocfg"
 version = "1.1.0"
@@ -52,15 +50,27 @@ version = "0.9.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "489d6c0ed21b11d038c31b6ceccca973e65d73ba3bd8ecb9a2babf5546164643"
 dependencies = [
- "byteorder",
+ "byteorder 1.4.3",
  "safemem",
 ]
 
 [[package]]
 name = "base64"
-version = "0.13.0"
+version = "0.13.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "904dfeac50f3cdaba28fc6f57fdcddb75f49ed61346676a78c4ffe55877802fd"
+checksum = "9e1b586273c5702936fe7b7d6896644d8be71e6314cfe09d3167c95f712589e8"
+
+[[package]]
+name = "bincode"
+version = "0.5.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aa413a0580cf7d54f1938c13462fd32cff9099338bf161e15870cb05021df745"
+dependencies = [
+ "byteorder 0.5.3",
+ "num-traits 0.1.43",
+ "rustc-serialize",
+ "serde 0.7.15",
+]
 
 [[package]]
 name = "bincode"
@@ -68,9 +78,21 @@ version = "1.3.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b1f45e9417d87227c7a56d22e471c6206462cba514c7590c09aff4cf6d1ddcad"
 dependencies = [
- "serde",
+ "serde 1.0.149",
 ]
 
+[[package]]
+name = "bitflags"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8dead7461c1127cf637931a1e50934eb6eee8bff2f74433ac7909e9afcee04a3"
+
+[[package]]
+name = "bitflags"
+version = "0.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aad18937a628ec6abcd26d1489012cc0e18c21798210f491af69ded9b881106d"
+
 [[package]]
 name = "bitflags"
 version = "1.3.2"
@@ -89,16 +111,22 @@ version = "0.1.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1a94f9f7aab679acac7ce29ba5581c00d3971a861c3b501c5bb74c3ba0026d90"
 dependencies = [
- "chrono",
+ "chrono 0.4.23",
  "safe-lock",
  "safe-regex",
 ]
 
 [[package]]
 name = "bumpalo"
-version = "3.10.0"
+version = "3.11.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "37ccbd214614c6783386c1af30caf03192f17891059cecc394b4fb119e363de3"
+checksum = "572f695136211188308f16ad2ca5c851a712c464060ae6974944458eb83880ba"
+
+[[package]]
+name = "byteorder"
+version = "0.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fc10e8cc6b2580fda3f36eb6dc5316657f812a3df879a44a66fc9f0fdbc4855"
 
 [[package]]
 name = "byteorder"
@@ -108,11 +136,11 @@ checksum = "14c189c53d098945499cdfa7ecc63567cf3886b3332b312a5b4585d8d3a6a610"
 
 [[package]]
 name = "camino"
-version = "1.0.9"
+version = "1.1.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "869119e97797867fd90f5e22af7d0bd274bd4635ebb9eb68c04f3f513ae6c412"
+checksum = "88ad0e1e3e88dd237a156ab9f571021b8a158caa0ae44b1968a241efb5144c1e"
 dependencies = [
- "serde",
+ "serde 1.0.149",
 ]
 
 [[package]]
@@ -121,27 +149,28 @@ version = "0.1.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "cbdb825da8a5df079a43676dbe042702f1707b1109f713a01420fbb4cc71fa27"
 dependencies = [
- "serde",
+ "serde 1.0.149",
 ]
 
 [[package]]
 name = "cargo_metadata"
-version = "0.14.2"
+version = "0.15.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4acbb09d9ee8e23699b9634375c72795d095bf268439da88562cf9b501f181fa"
+checksum = "982a0cf6a99c350d7246035613882e376d58cebe571785abc5da4f648d53ac0a"
 dependencies = [
  "camino",
  "cargo-platform",
  "semver",
- "serde",
+ "serde 1.0.149",
  "serde_json",
+ "thiserror",
 ]
 
 [[package]]
 name = "cc"
-version = "1.0.73"
+version = "1.0.77"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2fff2a6927b3bb87f9595d67196a70493f627687a71d87a0d692242c33f58c11"
+checksum = "e9f73505338f7d905b19d18738976aae232eb46b8efc15554ffc56deb5d9ebe4"
 
 [[package]]
 name = "cfg-if"
@@ -157,14 +186,26 @@ checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd"
 
 [[package]]
 name = "chrono"
-version = "0.4.19"
+version = "0.2.25"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "670ad68c9088c2a963aaa298cb369688cf3f9465ce5e2d4ca10e6e0098a1ce73"
+checksum = "9213f7cd7c27e95c2b57c49f0e69b1ea65b27138da84a170133fd21b07659c00"
 dependencies = [
- "libc",
+ "num",
+ "time",
+]
+
+[[package]]
+name = "chrono"
+version = "0.4.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "16b0a3d9ed01224b22057780a37bb8c5dbfe1be8ba48678e7bf57ec4b385411f"
+dependencies = [
+ "iana-time-zone",
+ "js-sys",
  "num-integer",
- "num-traits",
- "time 0.1.44",
+ "num-traits 0.2.15",
+ "time",
+ "wasm-bindgen",
  "winapi 0.3.9",
 ]
 
@@ -176,26 +217,24 @@ checksum = "fff857943da45f546682664a79488be82e69e43c1a7a2307679ab9afb3a66d2e"
 
 [[package]]
 name = "clap"
-version = "3.2.6"
+version = "4.0.29"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9f1fe12880bae935d142c8702d500c63a4e8634b6c3c57ad72bf978fc7b6249a"
+checksum = "4d63b9e9c07271b9957ad22c173bae2a4d9a81127680962039296abcd2f8251d"
 dependencies = [
- "atty",
- "bitflags",
+ "bitflags 1.3.2",
  "clap_derive",
  "clap_lex",
- "indexmap",
+ "is-terminal",
  "once_cell",
  "strsim",
  "termcolor",
- "textwrap",
 ]
 
 [[package]]
 name = "clap_derive"
-version = "3.2.6"
+version = "4.0.21"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ed6db9e867166a43a53f7199b5e4d1f522a1e5bd626654be263c999ce59df39a"
+checksum = "0177313f9f02afc995627906bbd8967e2be069f5261954222dac78290c2b9014"
 dependencies = [
  "heck 0.4.0",
  "proc-macro-error",
@@ -206,13 +245,32 @@ dependencies = [
 
 [[package]]
 name = "clap_lex"
-version = "0.2.3"
+version = "0.3.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "87eba3c8c7f42ef17f6c659fc7416d0f4758cd3e58861ee63c5fa4a4dde649e4"
+checksum = "0d4198f73e42b4936b35b5bb248d81d2b595ecb170da0bac7655c54eedfa8da8"
 dependencies = [
  "os_str_bytes",
 ]
 
+[[package]]
+name = "cmake"
+version = "0.1.49"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "db34956e100b30725f2eb215f90d4871051239535632f84fea3bc92722c66b7c"
+dependencies = [
+ "cc",
+]
+
+[[package]]
+name = "codespan-reporting"
+version = "0.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3538270d33cc669650c4b093848450d380def10c331d38c768e34cac80576e6e"
+dependencies = [
+ "termcolor",
+ "unicode-width",
+]
+
 [[package]]
 name = "console_error_panic_hook"
 version = "0.1.7"
@@ -223,6 +281,12 @@ dependencies = [
  "wasm-bindgen",
 ]
 
+[[package]]
+name = "core-foundation-sys"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5827cebf4670468b8772dd191856768aedcb1b0278a04f989f7766351917b9dc"
+
 [[package]]
 name = "crc32fast"
 version = "1.3.2"
@@ -234,9 +298,9 @@ dependencies = [
 
 [[package]]
 name = "crossbeam-channel"
-version = "0.5.5"
+version = "0.5.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4c02a4d71819009c192cf4872265391563fd6a84c81ff2c0f2a7026ca4c1d85c"
+checksum = "c2dd04ddaf88237dc3b8d8f9a3c1004b506b54b3313403944054d23c0870c521"
 dependencies = [
  "cfg-if 1.0.0",
  "crossbeam-utils",
@@ -244,9 +308,9 @@ dependencies = [
 
 [[package]]
 name = "crossbeam-deque"
-version = "0.8.1"
+version = "0.8.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6455c0ca19f0d2fbf751b908d5c55c1f5cbc65e03c4225427254b46890bdde1e"
+checksum = "715e8152b692bba2d374b53d4875445368fdf21a94751410af607a5ac677d1fc"
 dependencies = [
  "cfg-if 1.0.0",
  "crossbeam-epoch",
@@ -255,73 +319,146 @@ dependencies = [
 
 [[package]]
 name = "crossbeam-epoch"
-version = "0.9.9"
+version = "0.9.13"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "07db9d94cbd326813772c968ccd25999e5f8ae22f4f8d1b11effa37ef6ce281d"
+checksum = "01a9af1f4c2ef74bb8aa1f7e19706bc72d03598c8a570bb5de72243c7a9d9d5a"
 dependencies = [
  "autocfg",
  "cfg-if 1.0.0",
  "crossbeam-utils",
  "memoffset",
- "once_cell",
  "scopeguard",
 ]
 
 [[package]]
 name = "crossbeam-utils"
-version = "0.8.10"
+version = "0.8.14"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7d82ee10ce34d7bc12c2122495e7593a9c41347ecdd64185af4ecf72cb1a7f83"
+checksum = "4fb766fa798726286dbbb842f174001dab8abc7b627a1dd86e0b7222a95d929f"
 dependencies = [
  "cfg-if 1.0.0",
+]
+
+[[package]]
+name = "cxx"
+version = "1.0.83"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bdf07d07d6531bfcdbe9b8b739b104610c6508dcc4d63b410585faf338241daf"
+dependencies = [
+ "cc",
+ "cxxbridge-flags",
+ "cxxbridge-macro",
+ "link-cplusplus",
+]
+
+[[package]]
+name = "cxx-build"
+version = "1.0.83"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d2eb5b96ecdc99f72657332953d4d9c50135af1bac34277801cc3937906ebd39"
+dependencies = [
+ "cc",
+ "codespan-reporting",
  "once_cell",
+ "proc-macro2",
+ "quote",
+ "scratch",
+ "syn",
+]
+
+[[package]]
+name = "cxxbridge-flags"
+version = "1.0.83"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ac040a39517fd1674e0f32177648334b0f4074625b5588a64519804ba0553b12"
+
+[[package]]
+name = "cxxbridge-macro"
+version = "1.0.83"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1362b0ddcfc4eb0a1f57b68bd77dd99f0e826958a96abd0ae9bd092e114ffed6"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
 ]
 
 [[package]]
 name = "either"
-version = "1.6.1"
+version = "1.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e78d4f1cc4ae33bbfc157ed5d5a5ef3bc29227303d595861deb238fcec4e9457"
+checksum = "90e5c1c8368803113bf0c9584fc495a58b86dc8a29edbf8fe877d21d9507e797"
 
 [[package]]
 name = "env_logger"
-version = "0.9.0"
+version = "0.10.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0b2cf0344971ee6c64c31be0d530793fba457d322dfec2810c453d0ef228f9c3"
+checksum = "85cdab6a89accf66733ad5a1693a4dcced6aeff64602b634530dd73c1f3ee9f0"
 dependencies = [
- "atty",
  "humantime",
+ "is-terminal",
  "log",
  "regex",
  "termcolor",
 ]
 
 [[package]]
-name = "fastrand"
-version = "1.7.0"
+name = "errno"
+version = "0.2.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c3fcf0cee53519c866c09b5de1f6c56ff9d647101f81c1964fa632e148896cdf"
+checksum = "f639046355ee4f37944e44f60642c6f3a7efa3cf6b78c78a0d989a8ce6c396a1"
+dependencies = [
+ "errno-dragonfly",
+ "libc",
+ "winapi 0.3.9",
+]
+
+[[package]]
+name = "errno-dragonfly"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aa68f1b12764fab894d2755d2518754e71b4fd80ecfb822714a1206c2aab39bf"
+dependencies = [
+ "cc",
+ "libc",
+]
+
+[[package]]
+name = "fastrand"
+version = "1.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a7a407cfaa3385c4ae6b23e84623d48c2798d06e3e6a1878f7f59f17b3f86499"
 dependencies = [
  "instant",
 ]
 
 [[package]]
 name = "filetime"
-version = "0.2.16"
+version = "0.2.18"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c0408e2626025178a6a7f7ffc05a25bc47103229f19c113755de7bf63816290c"
+checksum = "4b9663d381d07ae25dc88dbdf27df458faa83a9b25336bcac83d5e452b5fc9d3"
 dependencies = [
  "cfg-if 1.0.0",
  "libc",
  "redox_syscall",
- "winapi 0.3.9",
+ "windows-sys",
 ]
 
 [[package]]
 name = "flate2"
-version = "1.0.24"
+version = "0.2.20"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f82b0f4c27ad9f8bfd1f3208d882da2b09c301bc1c828fd3a00d0216d2fbbff6"
+checksum = "e6234dd4468ae5d1e2dbb06fe2b058696fdc50a339c68a393aefbf00bc81e423"
+dependencies = [
+ "libc",
+ "miniz-sys",
+]
+
+[[package]]
+name = "flate2"
+version = "1.0.25"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a8a2db397cb1c8772f31494cb8917e48cd1e64f0fa7efac59fbd741a0a8ce841"
 dependencies = [
  "crc32fast",
  "miniz_oxide",
@@ -335,11 +472,10 @@ checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"
 
 [[package]]
 name = "form_urlencoded"
-version = "1.0.1"
+version = "1.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5fc25a87fa4fd2094bffb06925852034d90a17f0d1e05197d4956d3555752191"
+checksum = "a9c384f161156f5260c24a097c56119f9be8c798586aecc13afbcbe7b7e26bf8"
 dependencies = [
- "matches",
  "percent-encoding",
 ]
 
@@ -349,83 +485,97 @@ version = "1.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "2022715d62ab30faffd124d40b76f4134a550a87792276512b18d63272333394"
 
-[[package]]
-name = "fsevent"
-version = "0.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5ab7d1bd1bd33cc98b0889831b72da23c0aa4df9cec7e0702f46ecea04b35db6"
-dependencies = [
- "bitflags",
- "fsevent-sys",
-]
-
 [[package]]
 name = "fsevent-sys"
-version = "2.0.1"
+version = "4.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f41b048a94555da0f42f1d632e2e19510084fb8e303b0daa2816e733fb3644a0"
+checksum = "76ee7a02da4d231650c7cea31349b889be2f45ddb3ef3032d2ec8185f6313fd2"
 dependencies = [
  "libc",
 ]
 
 [[package]]
-name = "fuchsia-zircon"
-version = "0.3.3"
+name = "futures"
+version = "0.3.25"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2e9763c69ebaae630ba35f74888db465e49e259ba1bc0eda7d06f4a067615d82"
+checksum = "38390104763dc37a5145a53c29c63c1290b5d316d6086ec32c293f6736051bb0"
 dependencies = [
- "bitflags",
- "fuchsia-zircon-sys",
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "futures-util",
 ]
 
-[[package]]
-name = "fuchsia-zircon-sys"
-version = "0.3.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3dcaa9ae7725d12cdb85b3ad99a434db70b468c09ded17e012d86b5c1010f7a7"
-
 [[package]]
 name = "futures-channel"
-version = "0.3.21"
+version = "0.3.25"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c3083ce4b914124575708913bca19bfe887522d6e2e6d0952943f5eac4a74010"
+checksum = "52ba265a92256105f45b719605a571ffe2d1f0fea3807304b522c1d778f79eed"
 dependencies = [
  "futures-core",
+ "futures-sink",
 ]
 
 [[package]]
 name = "futures-core"
-version = "0.3.21"
+version = "0.3.25"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0c09fd04b7e4073ac7156a9539b57a484a8ea920f79c7c675d05d289ab6110d3"
+checksum = "04909a7a7e4633ae6c4a9ab280aeb86da1236243a77b694a49eacd659a4bd3ac"
+
+[[package]]
+name = "futures-io"
+version = "0.3.25"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "00f5fb52a06bdcadeb54e8d3671f8888a39697dcb0b81b23b55174030427f4eb"
+
+[[package]]
+name = "futures-macro"
+version = "0.3.25"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bdfb8ce053d86b91919aad980c220b1fb8401a9394410e1c289ed7e66b61835d"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
 
 [[package]]
 name = "futures-sink"
-version = "0.3.21"
+version = "0.3.25"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "21163e139fa306126e6eedaf49ecdb4588f939600f0b1e770f4205ee4b7fa868"
+checksum = "39c15cf1a4aa79df40f1bb462fb39676d0ad9e366c2a33b590d7c66f4f81fcf9"
 
 [[package]]
-name = "gloo"
-version = "0.4.2"
+name = "futures-task"
+version = "0.3.25"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "23947965eee55e3e97a5cd142dd4c10631cc349b48cecca0ed230fd296f568cd"
+checksum = "2ffb393ac5d9a6eaa9d3fdf37ae2776656b706e200c8e16b1bdb227f5198e6ea"
+
+[[package]]
+name = "futures-util"
+version = "0.3.25"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "197676987abd2f9cadff84926f410af1c183608d36641465df73ae8211dc65d6"
 dependencies = [
- "gloo-console",
- "gloo-dialogs",
- "gloo-events",
- "gloo-file",
- "gloo-render",
- "gloo-storage",
- "gloo-timers",
- "gloo-utils",
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-macro",
+ "futures-sink",
+ "futures-task",
+ "memchr",
+ "pin-project-lite",
+ "pin-utils",
+ "slab",
 ]
 
 [[package]]
 name = "gloo"
-version = "0.6.1"
+version = "0.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f96605dc96adaffef27d911a805f0269d83ab89c1076e9c75ebac64a1a27215d"
+checksum = "3a4bef6b277b3ab073253d4bca60761240cf8d6998f4bd142211957b69a61b20"
 dependencies = [
  "gloo-console",
  "gloo-dialogs",
@@ -442,12 +592,13 @@ dependencies = [
 
 [[package]]
 name = "gloo-console"
-version = "0.2.1"
+version = "0.2.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3907f786f65bbb4f419e918b0c5674175ef1c231ecda93b2dbd65fd1e8882637"
+checksum = "82b7ce3c05debe147233596904981848862b068862e9ec3e34be446077190d3f"
 dependencies = [
+ "gloo-utils",
  "js-sys",
- "serde",
+ "serde 1.0.149",
  "wasm-bindgen",
  "web-sys",
 ]
@@ -474,9 +625,9 @@ dependencies = [
 
 [[package]]
 name = "gloo-file"
-version = "0.2.1"
+version = "0.2.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aa5d6084efa4a2b182ef3a8649cb6506cb4843f22cf907c6e0a799944248ae90"
+checksum = "a8d5564e570a38b43d78bdc063374a0c3098c4f0d64005b12f9bbe87e869b6d7"
 dependencies = [
  "futures-channel",
  "gloo-events",
@@ -487,13 +638,13 @@ dependencies = [
 
 [[package]]
 name = "gloo-history"
-version = "0.1.0"
+version = "0.1.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f81af52c0d31e86242eecefe1ed4d066deb79cfb80f9f7da0847fac417396bfe"
+checksum = "5ce5ae65c5d76e2bbd9f274d7dcc00a306a79964305efa275a0ac728caaeb792"
 dependencies = [
  "gloo-events",
  "gloo-utils",
- "serde",
+ "serde 1.0.149",
  "serde-wasm-bindgen",
  "serde_urlencoded",
  "thiserror",
@@ -503,9 +654,9 @@ dependencies = [
 
 [[package]]
 name = "gloo-net"
-version = "0.1.0"
+version = "0.2.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2899cb1a13be9020b010967adc6b2a8a343b6f1428b90238c9d53ca24decc6db"
+checksum = "9050ff8617e950288d7bf7f300707639fdeda5ca0d0ecf380cff448cfd52f4a6"
 dependencies = [
  "futures-channel",
  "futures-core",
@@ -513,7 +664,7 @@ dependencies = [
  "gloo-utils",
  "js-sys",
  "pin-project",
- "serde",
+ "serde 1.0.149",
  "serde_json",
  "thiserror",
  "wasm-bindgen",
@@ -533,13 +684,13 @@ dependencies = [
 
 [[package]]
 name = "gloo-storage"
-version = "0.2.1"
+version = "0.2.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1caa4ba51c99de680dee3ad99c32ca45e9f13311be72079154d222c3f9a6b6f5"
+checksum = "5d6ab60bf5dbfd6f0ed1f7843da31b41010515c745735c970e821945ca91e480"
 dependencies = [
  "gloo-utils",
  "js-sys",
- "serde",
+ "serde 1.0.149",
  "serde_json",
  "thiserror",
  "wasm-bindgen",
@@ -548,9 +699,9 @@ dependencies = [
 
 [[package]]
 name = "gloo-timers"
-version = "0.2.4"
+version = "0.2.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5fb7d06c1c8cc2a29bee7ec961009a0b2caa0793ee4900c2ffb348734ba1c8f9"
+checksum = "98c4a8d6391675c6b2ee1a6c8d06e8e2d03605c44cec1270675985a4c2a5500b"
 dependencies = [
  "futures-channel",
  "futures-core",
@@ -560,37 +711,39 @@ dependencies = [
 
 [[package]]
 name = "gloo-utils"
-version = "0.1.3"
+version = "0.1.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5c0bbef55e98d946adbd89f3c65a497cf9adb995a73b99573f30180e8813ab21"
+checksum = "a8e8fc851e9c7b9852508bc6e3f690f452f474417e8545ec9857b7f7377036b5"
 dependencies = [
  "js-sys",
+ "serde 1.0.149",
+ "serde_json",
  "wasm-bindgen",
  "web-sys",
 ]
 
 [[package]]
 name = "gloo-worker"
-version = "0.1.0"
+version = "0.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7c843b9a46d07485026f030be7bd008580a12a2920fea837745a440a3b0c97cb"
+checksum = "13471584da78061a28306d1359dd0178d8d6fc1c7c80e5e35d27260346e0516a"
 dependencies = [
  "anymap2",
- "bincode",
+ "bincode 1.3.3",
  "gloo-console",
  "gloo-utils",
  "js-sys",
- "serde",
- "slab",
+ "serde 1.0.149",
  "wasm-bindgen",
+ "wasm-bindgen-futures",
  "web-sys",
 ]
 
 [[package]]
 name = "hashbrown"
-version = "0.12.1"
+version = "0.12.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "db0d4cf898abf0081f964436dc980e96670a0f36863e4b83aaacdb65c9d7ccc3"
+checksum = "8a9ee70c43aaf417c914396645a0fa852624801b24ebb7ae78fe8272889ac888"
 
 [[package]]
 name = "heck"
@@ -616,12 +769,45 @@ dependencies = [
  "libc",
 ]
 
+[[package]]
+name = "hermit-abi"
+version = "0.2.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ee512640fe35acbfb4bb779db6f0d80704c2cacfa2e39b601ef3e3f47d1ae4c7"
+dependencies = [
+ "libc",
+]
+
 [[package]]
 name = "humantime"
 version = "2.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9a3a5bfb195931eeb336b2a7b4d761daec841b97f947d34394601737a7bba5e4"
 
+[[package]]
+name = "iana-time-zone"
+version = "0.1.53"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64c122667b287044802d6ce17ee2ddf13207ed924c712de9a66a5814d5b64765"
+dependencies = [
+ "android_system_properties",
+ "core-foundation-sys",
+ "iana-time-zone-haiku",
+ "js-sys",
+ "wasm-bindgen",
+ "winapi 0.3.9",
+]
+
+[[package]]
+name = "iana-time-zone-haiku"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0703ae284fc167426161c2e3f1da3ea71d94b21bedbcc9494e92b28e334e3dca"
+dependencies = [
+ "cxx",
+ "cxx-build",
+]
+
 [[package]]
 name = "id-arena"
 version = "2.2.1"
@@ -642,20 +828,28 @@ dependencies = [
 
 [[package]]
 name = "idna"
-version = "0.2.3"
+version = "0.3.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "418a0a6fab821475f634efe3ccc45c013f742efe03d853e8d3355d5cb850ecf8"
+checksum = "e14ddfc70884202db2244c223200c204c2bda1bc6e0998d11b5e024d657209e6"
 dependencies = [
- "matches",
  "unicode-bidi",
  "unicode-normalization",
 ]
 
 [[package]]
-name = "indexmap"
-version = "1.9.1"
+name = "implicit-clone"
+version = "0.3.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "10a35a97730320ffe8e2d410b5d3b69279b98d2c14bdb8b70ea89ecf7888d41e"
+checksum = "40fc102e70475c320b185cd18c1e48bba2d7210b63970a4d581ef903e4368ef7"
+dependencies = [
+ "indexmap",
+]
+
+[[package]]
+name = "indexmap"
+version = "1.9.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1885e79c1fc4b10f0e172c475f458b7f7b93061064d98c3293e98c5ba0c8b399"
 dependencies = [
  "autocfg",
  "hashbrown",
@@ -663,11 +857,11 @@ dependencies = [
 
 [[package]]
 name = "inotify"
-version = "0.7.1"
+version = "0.9.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4816c66d2c8ae673df83366c18341538f234a26d65a9ecea5c348b453ac1d02f"
+checksum = "f8069d3ec154eb856955c1c0fbffefbf5f3c40a104ec912d4797314c1801abff"
 dependencies = [
- "bitflags",
+ "bitflags 1.3.2",
  "inotify-sys",
  "libc",
 ]
@@ -691,25 +885,38 @@ dependencies = [
 ]
 
 [[package]]
-name = "iovec"
-version = "0.1.4"
+name = "io-lifetimes"
+version = "1.0.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b2b3ea6ff95e175473f8ffe6a7eb7c00d054240321b84c57051175fe3c1e075e"
+checksum = "46112a93252b123d31a119a8d1a1ac19deac4fac6e0e8b0df58f0d4e5870e63c"
 dependencies = [
  "libc",
+ "windows-sys",
+]
+
+[[package]]
+name = "is-terminal"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "927609f78c2913a6f6ac3c27a4fe87f43e2a35367c0c4b0f8265e8f49a104330"
+dependencies = [
+ "hermit-abi 0.2.6",
+ "io-lifetimes",
+ "rustix",
+ "windows-sys",
 ]
 
 [[package]]
 name = "itoa"
-version = "1.0.2"
+version = "1.0.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "112c678d4050afce233f4f2852bb2eb519230b3cf12f33585275537d7e41578d"
+checksum = "4217ad341ebadf8d8e724e264f13e593e0648f5b3e94b3896a5df283be015ecc"
 
 [[package]]
 name = "js-sys"
-version = "0.3.58"
+version = "0.3.60"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c3fac17f7123a73ca62df411b1bf727ccc805daa070338fda671c86dac1bdc27"
+checksum = "49409df3e3bf0856b916e2ceaca09ee28e6871cf7d9ce97a692cacfdb2a25a47"
 dependencies = [
  "wasm-bindgen",
 ]
@@ -724,18 +931,38 @@ dependencies = [
  "winapi-build",
 ]
 
+[[package]]
+name = "kqueue"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2c8fc60ba15bf51257aa9807a48a61013db043fcf3a78cb0d916e8e396dcad98"
+dependencies = [
+ "kqueue-sys",
+ "libc",
+]
+
+[[package]]
+name = "kqueue-sys"
+version = "1.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8367585489f01bc55dd27404dcf56b95e6da061a256a666ab23be9ba96a2e587"
+dependencies = [
+ "bitflags 1.3.2",
+ "libc",
+]
+
+[[package]]
+name = "lazy_static"
+version = "0.2.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "76f033c7ad61445c5b347c7382dd1237847eb1bce590fe50365dcb33d546be73"
+
 [[package]]
 name = "lazy_static"
 version = "1.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e2abad23fbc42b3700f2f279844dc832adb2b2eb069b2df918f455c4e18cc646"
 
-[[package]]
-name = "lazycell"
-version = "1.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "830d08ce1d1d941e6b30645f1a0eb5643013d835ce3779a5fc208261dbe10f55"
-
 [[package]]
 name = "leb128"
 version = "0.2.5"
@@ -744,24 +971,24 @@ checksum = "884e2677b40cc8c339eaefcb701c32ef1fd2493d71118dc0ca4b6a736c93bd67"
 
 [[package]]
 name = "libc"
-version = "0.2.126"
+version = "0.2.138"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "349d5a591cd28b49e1d1037471617a32ddcda5731b99419008085f72d5a53836"
+checksum = "db6d7e329c562c5dfab7a46a2afabc8b987ab9a4834c9d1ca04dc54c1546cef8"
 
 [[package]]
-name = "line-wrap"
-version = "0.1.1"
+name = "link-cplusplus"
+version = "1.0.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f30344350a2a51da54c1d53be93fade8a237e545dbcc4bdbe635413f2117cab9"
+checksum = "9272ab7b96c9046fbc5bc56c06c117cb639fe2d509df0c421cad82d2915cf369"
 dependencies = [
- "safemem",
+ "cc",
 ]
 
 [[package]]
-name = "linked-hash-map"
-version = "0.5.4"
+name = "linux-raw-sys"
+version = "0.1.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7fb9b38af92608140b86b693604b9ffcc5824240a484d1ecd4795bacb2fe88f3"
+checksum = "8f9f08d8963a6c613f4b1a78f4f4a4dbfadf8e6545b2d72861731e4858b8b47f"
 
 [[package]]
 name = "log"
@@ -772,12 +999,6 @@ dependencies = [
  "cfg-if 1.0.0",
 ]
 
-[[package]]
-name = "matches"
-version = "0.1.9"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a3e378b66a060d48947b590737b30a1be76706c8dd7b8ba0f2fe3989c68a853f"
-
 [[package]]
 name = "memchr"
 version = "2.5.0"
@@ -786,9 +1007,9 @@ checksum = "2dffe52ecf27772e601905b7522cb4ef790d2cc203488bbd0e2fe85fcb74566d"
 
 [[package]]
 name = "memoffset"
-version = "0.6.5"
+version = "0.7.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5aa361d4faea93603064a027415f07bd8e1d5c88c9fbf68bf56a285428fd79ce"
+checksum = "5de893c32cde5f383baa4c04c5d6dbdd735cfd4a794b0debdb2bb1b421da5ff4"
 dependencies = [
  "autocfg",
 ]
@@ -800,86 +1021,65 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8452105ba047068f40ff7093dd1d9da90898e63dd61736462e9cdda6a90ad3c3"
 
 [[package]]
-name = "miniz_oxide"
-version = "0.5.3"
+name = "miniz-sys"
+version = "0.1.12"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6f5c75688da582b8ffc1f1799e9db273f32133c49e048f614d22ec3256773ccc"
+checksum = "1e9e3ae51cea1576ceba0dde3d484d30e6e5b86dee0b2d412fe3a16a15c98202"
+dependencies = [
+ "cc",
+ "libc",
+]
+
+[[package]]
+name = "miniz_oxide"
+version = "0.6.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b275950c28b37e794e8c55d88aeb5e139d0ce23fdbbeda68f8d7174abdf9e8fa"
 dependencies = [
  "adler",
 ]
 
 [[package]]
 name = "mio"
-version = "0.6.23"
+version = "0.8.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4afd66f5b91bf2a3bc13fad0e21caedac168ca4c707504e75585648ae80e4cc4"
+checksum = "e5d732bc30207a6423068df043e3d02e0735b155ad7ce1a6f76fe2baa5b158de"
 dependencies = [
- "cfg-if 0.1.10",
- "fuchsia-zircon",
- "fuchsia-zircon-sys",
- "iovec",
- "kernel32-sys",
  "libc",
  "log",
- "miow",
- "net2",
- "slab",
- "winapi 0.2.8",
-]
-
-[[package]]
-name = "mio-extras"
-version = "2.0.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "52403fe290012ce777c4626790c8951324a2b9e3316b3143779c72b029742f19"
-dependencies = [
- "lazycell",
- "log",
- "mio",
- "slab",
-]
-
-[[package]]
-name = "miow"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ebd808424166322d4a38da87083bfddd3ac4c131334ed55856112eb06d46944d"
-dependencies = [
- "kernel32-sys",
- "net2",
- "winapi 0.2.8",
- "ws2_32-sys",
-]
-
-[[package]]
-name = "net2"
-version = "0.2.37"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "391630d12b68002ae1e25e8f974306474966550ad82dac6886fb8910c19568ae"
-dependencies = [
- "cfg-if 0.1.10",
- "libc",
- "winapi 0.3.9",
+ "wasi 0.11.0+wasi-snapshot-preview1",
+ "windows-sys",
 ]
 
 [[package]]
 name = "notify"
-version = "4.0.17"
+version = "5.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ae03c8c853dba7bfd23e571ff0cff7bc9dceb40a4cd684cd1681824183f45257"
+checksum = "ed2c66da08abae1c024c01d635253e402341b4060a12e99b31c7594063bf490a"
 dependencies = [
- "bitflags",
+ "bitflags 1.3.2",
+ "crossbeam-channel",
  "filetime",
- "fsevent",
  "fsevent-sys",
  "inotify",
+ "kqueue",
  "libc",
  "mio",
- "mio-extras",
- "walkdir",
+ "walkdir 2.3.2",
  "winapi 0.3.9",
 ]
 
+[[package]]
+name = "num"
+version = "0.1.42"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4703ad64153382334aa8db57c637364c322d3372e097840c72000dabdcf6156e"
+dependencies = [
+ "num-integer",
+ "num-iter",
+ "num-traits 0.2.15",
+]
+
 [[package]]
 name = "num-integer"
 version = "0.1.45"
@@ -887,7 +1087,27 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "225d3389fb3509a24c93f5c29eb6bde2586b98d9f016636dff58d7c6f7569cd9"
 dependencies = [
  "autocfg",
- "num-traits",
+ "num-traits 0.2.15",
+]
+
+[[package]]
+name = "num-iter"
+version = "0.1.43"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7d03e6c028c5dc5cac6e2dec0efda81fc887605bb3d884578bb6d6bf7514e252"
+dependencies = [
+ "autocfg",
+ "num-integer",
+ "num-traits 0.2.15",
+]
+
+[[package]]
+name = "num-traits"
+version = "0.1.43"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "92e5113e9fd4cc14ded8e499429f396a20f98c772a47cc8622a736e1ec843c31"
+dependencies = [
+ "num-traits 0.2.15",
 ]
 
 [[package]]
@@ -901,20 +1121,11 @@ dependencies = [
 
 [[package]]
 name = "num_cpus"
-version = "1.13.1"
+version = "1.14.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "19e64526ebdee182341572e50e9ad03965aa510cd94427a4549448f285e957a1"
-dependencies = [
- "hermit-abi",
- "libc",
-]
-
-[[package]]
-name = "num_threads"
-version = "0.1.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2819ce041d2ee131036f4fc9d6ae7ae125a3a40e97ba64d04fe799ad9dabbb44"
+checksum = "f6058e64324c71e02bc2b150e4f3bc8286db6c83092132ffa3f6b1eab0f9def5"
 dependencies = [
+ "hermit-abi 0.1.19",
  "libc",
 ]
 
@@ -926,52 +1137,53 @@ checksum = "86f0b0d4bf799edbc74508c1e8bf170ff5f41238e5f8225603ca7caaae2b7860"
 
 [[package]]
 name = "onig"
-version = "6.3.1"
+version = "0.6.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "67ddfe2c93bb389eea6e6d713306880c7f6dcc99a75b659ce145d962c861b225"
+checksum = "b9f23d556a973eebf69561f1c96ace4379d9865f6d64857d0f8504363cd1aad2"
 dependencies = [
- "bitflags",
- "lazy_static",
+ "bitflags 0.7.0",
+ "lazy_static 0.2.11",
  "libc",
  "onig_sys",
 ]
 
 [[package]]
 name = "onig_sys"
-version = "69.7.1"
+version = "0.8.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5dd3eee045c84695b53b20255bb7317063df090b68e18bfac0abb6c39cf7f33e"
+checksum = "aefafaad7521b9b1ea1fba1b847a945064f0acc1b2c4c1bdf8d4b7d7abe7117c"
 dependencies = [
- "cc",
+ "cmake",
+ "libc",
  "pkg-config",
 ]
 
 [[package]]
 name = "os_str_bytes"
-version = "6.1.0"
+version = "6.4.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "21326818e99cfe6ce1e524c2a805c189a99b5ae555a35d19f9a284b427d86afa"
+checksum = "9b7820b9daea5457c9f21c69448905d723fbd21136ccf521748f23fd49e723ee"
 
 [[package]]
 name = "percent-encoding"
-version = "2.1.0"
+version = "2.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d4fd5641d01c8f18a23da7b6fe29298ff4b55afcccdf78973b24cf3175fee32e"
+checksum = "478c572c3d73181ff3c2539045f6eb99e5491218eae919370993b890cdbdd98e"
 
 [[package]]
 name = "pin-project"
-version = "1.0.10"
+version = "1.0.12"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "58ad3879ad3baf4e44784bc6a718a8698867bb991f8ce24d1bcbe2cfb4c3a75e"
+checksum = "ad29a609b6bcd67fee905812e544992d216af9d755757c05ed2d0e15a74c6ecc"
 dependencies = [
  "pin-project-internal",
 ]
 
 [[package]]
 name = "pin-project-internal"
-version = "1.0.10"
+version = "1.0.12"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "744b6f092ba29c3650faf274db506afd39944f48420f6c86b17cfe0ee1cb36bb"
+checksum = "069bdb1e05adc7a8990dce9cc75370895fbe4e3d58b9b73bf1aee56359344a55"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -979,25 +1191,57 @@ dependencies = [
 ]
 
 [[package]]
-name = "pkg-config"
-version = "0.3.25"
+name = "pin-project-lite"
+version = "0.2.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1df8c4ec4b0627e53bdf214615ad287367e482558cf84b109250b37464dc03ae"
+checksum = "e0a7ae3ac2f1173085d398531c705756c94a4c56843785df85a60c1a0afac116"
+
+[[package]]
+name = "pin-utils"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b870d8c151b6f2fb93e84a13146138f05d02ed11c7e7c54f8826aaaf7c9f184"
+
+[[package]]
+name = "pinned"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a829027bd95e54cfe13e3e258a1ae7b645960553fb82b75ff852c29688ee595b"
+dependencies = [
+ "futures",
+ "rustversion",
+ "thiserror",
+]
+
+[[package]]
+name = "pkg-config"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ac9a59f73473f1b8d852421e59e64809f025994837ef743615c6d0c5b305160"
 
 [[package]]
 name = "plist"
-version = "1.3.1"
+version = "0.0.13"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bd39bc6cdc9355ad1dc5eeedefee696bb35c34caf21768741e81826c0bbd7225"
+checksum = "478cc5188290e4dc1fa99a3128705c325c569da6c5ca67621a47afb9bcaa00ea"
 dependencies = [
- "base64 0.13.0",
- "indexmap",
- "line-wrap",
- "serde",
- "time 0.3.11",
+ "byteorder 0.5.3",
+ "chrono 0.2.25",
+ "rustc-serialize",
+ "serde 0.7.15",
  "xml-rs",
 ]
 
+[[package]]
+name = "prettyplease"
+version = "0.1.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c142c0e46b57171fe0c528bee8c5b7569e80f0c17e377cd0e30ea57dbc11bb51"
+dependencies = [
+ "proc-macro2",
+ "syn",
+]
+
 [[package]]
 name = "proc-macro-error"
 version = "1.0.4"
@@ -1024,29 +1268,45 @@ dependencies = [
 
 [[package]]
 name = "proc-macro2"
-version = "1.0.40"
+version = "1.0.47"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dd96a1e8ed2596c337f8eae5f24924ec83f5ad5ab21ea8e455d3566c69fbcaf7"
+checksum = "5ea3d908b0e36316caf9e9e2c4625cdde190a7e6f440d794667ed17a1855e725"
 dependencies = [
  "unicode-ident",
 ]
 
 [[package]]
-name = "quote"
-version = "1.0.20"
+name = "prokio"
+version = "0.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3bcdf212e9776fbcb2d23ab029360416bb1706b1aea2d1a5ba002727cbcab804"
+checksum = "03b55e106e5791fa5a13abd13c85d6127312e8e09098059ca2bc9b03ca4cf488"
+dependencies = [
+ "futures",
+ "gloo",
+ "num_cpus",
+ "once_cell",
+ "pin-project",
+ "pinned",
+ "tokio",
+ "tokio-stream",
+ "wasm-bindgen-futures",
+]
+
+[[package]]
+name = "quote"
+version = "1.0.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bbe448f377a7d6961e30f5955f9b8d106c3f5e449d493ee1b125c1d43c2b5179"
 dependencies = [
  "proc-macro2",
 ]
 
 [[package]]
 name = "rayon"
-version = "1.5.3"
+version = "1.6.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bd99e5772ead8baa5215278c9b15bf92087709e9c1b2d1f97cdb5a183c933a7d"
+checksum = "1e060280438193c554f654141c9ea9417886713b7acd75974c85b18a69a88e0b"
 dependencies = [
- "autocfg",
  "crossbeam-deque",
  "either",
  "rayon-core",
@@ -1054,9 +1314,9 @@ dependencies = [
 
 [[package]]
 name = "rayon-core"
-version = "1.9.3"
+version = "1.10.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "258bcdb5ac6dad48491bb2992db6b7cf74878b0384908af124823d118c99683f"
+checksum = "cac410af5d00ab6884528b4ab69d1e8e146e8d471201800fa1b4524126de6ad3"
 dependencies = [
  "crossbeam-channel",
  "crossbeam-deque",
@@ -1066,29 +1326,35 @@ dependencies = [
 
 [[package]]
 name = "redox_syscall"
-version = "0.2.13"
+version = "0.2.16"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "62f25bc4c7e55e0b0b7a1d43fb893f4fa1361d0abe38b9ce4f323c2adfe6ef42"
+checksum = "fb5a58c1855b4b6819d59012155603f0b22ad30cad752600aadfcb695265519a"
 dependencies = [
- "bitflags",
+ "bitflags 1.3.2",
 ]
 
 [[package]]
 name = "regex"
-version = "1.5.6"
+version = "1.7.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d83f127d94bdbcda4c8cc2e50f6f84f4b611f69c902699ca385a39c3a75f9ff1"
+checksum = "e076559ef8e241f2ae3479e36f97bd5741c0330689e217ad51ce2c76808b868a"
 dependencies = [
  "aho-corasick",
  "memchr",
- "regex-syntax",
+ "regex-syntax 0.6.28",
 ]
 
 [[package]]
 name = "regex-syntax"
-version = "0.6.26"
+version = "0.3.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "49b3de9ec5dc0a3417da371aab17d729997c15010e7fd24ff707773a33bddb64"
+checksum = "f9ec002c35e86791825ed294b50008eea9ddfc8def4420124fbc6b08db834957"
+
+[[package]]
+name = "regex-syntax"
+version = "0.6.28"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "456c603be3e8d448b072f410900c09faf164fbce2d480456f50eea6e25f9c848"
 
 [[package]]
 name = "remove_dir_all"
@@ -1127,10 +1393,30 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7ef03e0a2b150c7a90d01faf6254c9c48a41e95fb2a8c2ac1c6f0d2b9aefc342"
 
 [[package]]
-name = "rustls"
-version = "0.20.6"
+name = "rustc-serialize"
+version = "0.3.24"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5aab8ee6c7097ed6057f43c187a62418d0c05a4bd5f18b3571db50ee0f9ce033"
+checksum = "dcf128d1287d2ea9d80910b5f1120d0b8eede3fbf1abe91c40d39ea7d51e6fda"
+
+[[package]]
+name = "rustix"
+version = "0.36.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a3807b5d10909833d3e9acd1eb5fb988f79376ff10fce42937de71a449c4c588"
+dependencies = [
+ "bitflags 1.3.2",
+ "errno",
+ "io-lifetimes",
+ "libc",
+ "linux-raw-sys",
+ "windows-sys",
+]
+
+[[package]]
+name = "rustls"
+version = "0.20.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "539a2bfe908f471bfa933876bd1eb6a19cf2176d375f82ef7f99530a40e48c2c"
 dependencies = [
  "log",
  "ring",
@@ -1139,10 +1425,16 @@ dependencies = [
 ]
 
 [[package]]
-name = "ryu"
-version = "1.0.10"
+name = "rustversion"
+version = "1.0.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f3f6f92acf49d1b98f7a81226834412ada05458b7364277387724a237f062695"
+checksum = "97477e48b4cf8603ad5f7aaf897467cf42ab4218a38ef76fb14c2d6773a6d6a8"
+
+[[package]]
+name = "ryu"
+version = "1.0.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4501abdff3ae82a1c1b477a17252eb69cee9e66eb915c1abaa4f44d873df9f09"
 
 [[package]]
 name = "safe-lock"
@@ -1212,18 +1504,18 @@ dependencies = [
  "winapi-util",
 ]
 
-[[package]]
-name = "scoped-tls-hkt"
-version = "0.1.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c2e9d7eaddb227e8fbaaa71136ae0e1e913ca159b86c7da82f3e8f0044ad3a63"
-
 [[package]]
 name = "scopeguard"
 version = "1.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d29ab0c6d3fc0ee92fe66e2d99f700eab17a8d57d1c1d3b748380fb20baa78cd"
 
+[[package]]
+name = "scratch"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c8132065adcfd6e02db789d9285a0deb2f3fcb04002865ab67d5fb103533898"
+
 [[package]]
 name = "sct"
 version = "0.7.0"
@@ -1236,18 +1528,24 @@ dependencies = [
 
 [[package]]
 name = "semver"
-version = "1.0.10"
+version = "1.0.14"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a41d061efea015927ac527063765e73601444cdc344ba855bc7bd44578b25e1c"
+checksum = "e25dfac463d778e353db5be2449d1cce89bd6fd23c9f1ea21310ce6e5a1b29c4"
 dependencies = [
- "serde",
+ "serde 1.0.149",
 ]
 
 [[package]]
 name = "serde"
-version = "1.0.137"
+version = "0.7.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "61ea8d54c77f8315140a05f4c7237403bf38b72704d031543aa1d16abbf517d1"
+checksum = "1b0e0732aa8ec4267f61815a396a942ba3525062e3bd5520aa8419927cfc0a92"
+
+[[package]]
+name = "serde"
+version = "1.0.149"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "256b9932320c590e707b94576e3cc1f7c9024d0ee6612dfbcf1cb106cbe8e055"
 dependencies = [
  "serde_derive",
 ]
@@ -1260,15 +1558,15 @@ checksum = "618365e8e586c22123d692b72a7d791d5ee697817b65a218cdf12a98870af0f7"
 dependencies = [
  "fnv",
  "js-sys",
- "serde",
+ "serde 1.0.149",
  "wasm-bindgen",
 ]
 
 [[package]]
 name = "serde_derive"
-version = "1.0.137"
+version = "1.0.149"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1f26faba0c3959972377d3b2d306ee9f71faee9714294e41bb777f83f88578be"
+checksum = "b4eae9b04cbffdfd550eb462ed33bc6a1b68c935127d008b27444d08380f94e4"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -1277,13 +1575,13 @@ dependencies = [
 
 [[package]]
 name = "serde_json"
-version = "1.0.81"
+version = "1.0.89"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9b7ce2b32a1aed03c558dc61a5cd328f15aff2dbc17daad8fb8af04d2100e15c"
+checksum = "020ff22c755c2ed3f8cf162dbb41a7268d934702f3ed3631656ea597e08fc3db"
 dependencies = [
  "itoa",
  "ryu",
- "serde",
+ "serde 1.0.149",
 ]
 
 [[package]]
@@ -1295,14 +1593,17 @@ dependencies = [
  "form_urlencoded",
  "itoa",
  "ryu",
- "serde",
+ "serde 1.0.149",
 ]
 
 [[package]]
 name = "slab"
-version = "0.4.6"
+version = "0.4.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "eb703cfe953bccee95685111adeedb76fabe4e97549a58d16f03ea7b9367bb32"
+checksum = "4614a76b2a8be0058caa9dbbaf66d988527d86d003c11a94fbd335d7661edcef"
+dependencies = [
+ "autocfg",
+]
 
 [[package]]
 name = "snowflake"
@@ -1324,9 +1625,9 @@ checksum = "73473c0e59e6d5812c5dfe2a064a6444949f089e20eec9a2e5506596494e4623"
 
 [[package]]
 name = "syn"
-version = "1.0.98"
+version = "1.0.105"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c50aef8a904de4c23c788f104b7dddc7d6f79c647c7c8ce4cc8f73eb0ca773dd"
+checksum = "60b9b43d45702de4c839cb9b51d9f529c5dd26a4aff255b42b1ebc03e88ee908"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -1335,23 +1636,19 @@ dependencies = [
 
 [[package]]
 name = "syntect"
-version = "4.6.0"
+version = "0.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8b20815bbe80ee0be06e6957450a841185fcf690fe0178f14d77a05ce2caa031"
+checksum = "d2e07c94d0a2c0d3310192aaf17e0b0ce44775dc46442a4e4306aa64c8ccc6f1"
 dependencies = [
- "bincode",
- "bitflags",
- "flate2",
- "fnv",
- "lazy_static",
- "lazycell",
+ "bincode 0.5.9",
+ "bitflags 0.4.0",
+ "flate2 0.2.20",
+ "lazy_static 0.2.11",
  "onig",
  "plist",
- "regex-syntax",
- "serde",
- "serde_derive",
- "serde_json",
- "walkdir",
+ "regex-syntax 0.3.9",
+ "rustc-serialize",
+ "walkdir 0.1.8",
  "yaml-rust",
 ]
 
@@ -1389,26 +1686,20 @@ dependencies = [
  "winapi-util",
 ]
 
-[[package]]
-name = "textwrap"
-version = "0.15.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b1141d4d61095b28419e22cb0bbf02755f5e54e0526f97f1e3d1d160e60885fb"
-
 [[package]]
 name = "thiserror"
-version = "1.0.31"
+version = "1.0.37"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bd829fe32373d27f76265620b5309d0340cb8550f523c1dda251d6298069069a"
+checksum = "10deb33631e3c9018b9baf9dcbbc4f737320d2b576bac10f6aefa048fa407e3e"
 dependencies = [
  "thiserror-impl",
 ]
 
 [[package]]
 name = "thiserror-impl"
-version = "1.0.31"
+version = "1.0.37"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0396bc89e626244658bef819e22d0cc459e795a5ebe878e6ec336d1674a8d79a"
+checksum = "982d17546b47146b28f7c22e3d08465f6b8903d0ea13c1660d9d84a6e7adcdbb"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -1417,26 +1708,15 @@ dependencies = [
 
 [[package]]
 name = "time"
-version = "0.1.44"
+version = "0.1.45"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6db9e6914ab8b1ae1c260a4ae7a49b6c5611b40328a735b21862567685e73255"
+checksum = "1b797afad3f312d1c66a56d11d0316f916356d11bd158fbc6ca6389ff6bf805a"
 dependencies = [
  "libc",
- "wasi",
+ "wasi 0.10.0+wasi-snapshot-preview1",
  "winapi 0.3.9",
 ]
 
-[[package]]
-name = "time"
-version = "0.3.11"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "72c91f41dcb2f096c05f0873d667dceec1087ce5bcf984ec8ffb19acddbb3217"
-dependencies = [
- "itoa",
- "libc",
- "num_threads",
-]
-
 [[package]]
 name = "tinyvec"
 version = "1.6.0"
@@ -1452,6 +1732,60 @@ version = "0.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "cda74da7e1a664f795bb1f8a87ec406fb89a02522cf6e50620d016add6dbbf5c"
 
+[[package]]
+name = "tokio"
+version = "1.23.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eab6d665857cc6ca78d6e80303a02cea7a7851e85dfbd77cbdc09bd129f1ef46"
+dependencies = [
+ "autocfg",
+ "pin-project-lite",
+ "windows-sys",
+]
+
+[[package]]
+name = "tokio-stream"
+version = "0.1.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d660770404473ccd7bc9f8b28494a811bc18542b915c0855c51e8f419d5223ce"
+dependencies = [
+ "futures-core",
+ "pin-project-lite",
+ "tokio",
+]
+
+[[package]]
+name = "tracing"
+version = "0.1.37"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ce8c33a8d48bd45d624a6e523445fd21ec13d3653cd51f681abf67418f54eb8"
+dependencies = [
+ "cfg-if 1.0.0",
+ "pin-project-lite",
+ "tracing-attributes",
+ "tracing-core",
+]
+
+[[package]]
+name = "tracing-attributes"
+version = "0.1.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4017f8f45139870ca7e672686113917c71c7a6e02d4924eda67186083c03081a"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "tracing-core"
+version = "0.1.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "24eb03ba0eab1fd845050058ce5e616558e8f8d8fca633e6b163fe25c797213a"
+dependencies = [
+ "once_cell",
+]
+
 [[package]]
 name = "unicode-bidi"
 version = "0.3.8"
@@ -1460,30 +1794,36 @@ checksum = "099b7128301d285f79ddd55b9a83d5e6b9e97c92e0ea0daebee7263e932de992"
 
 [[package]]
 name = "unicode-ident"
-version = "1.0.1"
+version = "1.0.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5bd2fe26506023ed7b5e1e315add59d6f584c621d037f9368fea9cfb988f368c"
+checksum = "6ceab39d59e4c9499d4e5a8ee0e2735b891bb7308ac83dfb4e80cad195c9f6f3"
 
 [[package]]
 name = "unicode-normalization"
-version = "0.1.19"
+version = "0.1.22"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d54590932941a9e9266f0832deed84ebe1bf2e4c9e4a3554d393d18f5e854bf9"
+checksum = "5c5713f0fc4b5db668a2ac63cdb7bb4469d8c9fed047b1d0292cc7b0ce2ba921"
 dependencies = [
  "tinyvec",
 ]
 
 [[package]]
 name = "unicode-segmentation"
-version = "1.9.0"
+version = "1.10.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7e8820f5d777f6224dc4be3632222971ac30164d4a258d595640799554ebfd99"
+checksum = "0fdbf052a0783de01e944a6ce7a8cb939e295b1e7be835a1112c3b9a7f047a5a"
+
+[[package]]
+name = "unicode-width"
+version = "0.1.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c0edd1e5b14653f783770bce4a4dabb4a5108a5370a5f5d8cfe8710c361f6c8b"
 
 [[package]]
 name = "unicode-xid"
-version = "0.2.3"
+version = "0.2.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "957e51f3646910546462e67d5f7599b9e4fb8acdd304b087a6494730f9eebf04"
+checksum = "f962df74c8c05a667b5ee8bcf162993134c104e96440b663c8daa176dc772d8c"
 
 [[package]]
 name = "untrusted"
@@ -1493,17 +1833,17 @@ checksum = "a156c684c91ea7d62626509bce3cb4e1d9ed5c4d978f7b4352658f96a4c26b4a"
 
 [[package]]
 name = "ureq"
-version = "2.4.0"
+version = "2.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9399fa2f927a3d327187cbd201480cee55bee6ac5d3c77dd27f0c6814cff16d5"
+checksum = "b97acb4c28a254fd7a4aeec976c46a7fa404eac4d7c134b30c75144846d7cb8f"
 dependencies = [
- "base64 0.13.0",
+ "base64 0.13.1",
  "chunked_transfer",
- "flate2",
+ "flate2 1.0.25",
  "log",
  "once_cell",
  "rustls",
- "serde",
+ "serde 1.0.149",
  "serde_json",
  "url",
  "webpki",
@@ -1512,13 +1852,12 @@ dependencies = [
 
 [[package]]
 name = "url"
-version = "2.2.2"
+version = "2.3.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a507c383b2d33b5fc35d1861e77e6b383d158b2da5e14fe51b83dfedf6fd578c"
+checksum = "0d68c799ae75762b8c3fe375feb6600ef5602c883c5d21eb51c09f22b83c4643"
 dependencies = [
  "form_urlencoded",
  "idna",
- "matches",
  "percent-encoding",
 ]
 
@@ -1528,6 +1867,16 @@ version = "0.9.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "49874b5167b65d7193b8aba1567f5c7d93d001cafc34600cee003eda787e483f"
 
+[[package]]
+name = "walkdir"
+version = "0.1.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c66c0b9792f0a765345452775f3adbd28dde9d33f30d13e5dcc5ae17cf6f3780"
+dependencies = [
+ "kernel32-sys",
+ "winapi 0.2.8",
+]
+
 [[package]]
 name = "walkdir"
 version = "2.3.2"
@@ -1573,26 +1922,30 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1a143597ca7c7793eff794def352d41792a93c481eb1042423ff7ff72ba2c31f"
 
 [[package]]
-name = "wasm-bindgen"
-version = "0.2.81"
+name = "wasi"
+version = "0.11.0+wasi-snapshot-preview1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7c53b543413a17a202f4be280a7e5c62a1c69345f5de525ee64f8cfdbc954994"
+checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"
+
+[[package]]
+name = "wasm-bindgen"
+version = "0.2.83"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eaf9f5aceeec8be17c128b2e93e031fb8a4d469bb9c4ae2d7dc1888b26887268"
 dependencies = [
  "cfg-if 1.0.0",
- "serde",
- "serde_json",
  "wasm-bindgen-macro",
 ]
 
 [[package]]
 name = "wasm-bindgen-backend"
-version = "0.2.81"
+version = "0.2.83"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5491a68ab4500fa6b4d726bd67408630c3dbe9c4fe7bda16d5c82a1fd8c7340a"
+checksum = "4c8ffb332579b0557b52d268b91feab8df3615f265d5270fec2a8c95b17c1142"
 dependencies = [
  "bumpalo",
- "lazy_static",
  "log",
+ "once_cell",
  "proc-macro2",
  "quote",
  "syn",
@@ -1601,9 +1954,9 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-cli-support"
-version = "0.2.81"
+version = "0.2.83"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4016fbd42224de21aab2f009aeaec61067d278a298ba7f8f7f8d40fbffea0822"
+checksum = "03f35e0387a2c787ca5ee299bfb4259352b2a2184b406f8ee9f978c3c4671645"
 dependencies = [
  "anyhow",
  "base64 0.9.3",
@@ -1625,9 +1978,9 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-externref-xform"
-version = "0.2.81"
+version = "0.2.83"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f33c8e2d3f3b6f6647f982911eb4cb44998c8cca97a4fe7afc99f616ebb33a73"
+checksum = "0d010a32a516a793adbea5835eab6f736d11c0cdd10ebe0c762c420f67510244"
 dependencies = [
  "anyhow",
  "walrus",
@@ -1635,9 +1988,9 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-futures"
-version = "0.4.31"
+version = "0.4.33"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "de9a9cec1733468a8c657e57fa2413d2ae2c0129b95e87c5b72b8ace4d13f31f"
+checksum = "23639446165ca5a5de86ae1d8896b737ae80319560fbaa4c2887b7da6e7ebd7d"
 dependencies = [
  "cfg-if 1.0.0",
  "js-sys",
@@ -1647,9 +2000,9 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-macro"
-version = "0.2.81"
+version = "0.2.83"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c441e177922bc58f1e12c022624b6216378e5febc2f0533e41ba443d505b80aa"
+checksum = "052be0f94026e6cbc75cdefc9bae13fd6052cdcaf532fa6c45e7ae33a1e6c810"
 dependencies = [
  "quote",
  "wasm-bindgen-macro-support",
@@ -1657,9 +2010,9 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-macro-support"
-version = "0.2.81"
+version = "0.2.83"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7d94ac45fcf608c1f45ef53e748d35660f168490c10b23704c7779ab8f5c3048"
+checksum = "07bc0c051dc5f23e307b13285f9d75df86bfdf816c5721e573dec1f9b8aa193c"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -1670,9 +2023,9 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-multi-value-xform"
-version = "0.2.81"
+version = "0.2.83"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7015b54357604811162710d5cf274ab85d974fe1e324222dd5b2133afdefe9b9"
+checksum = "78b8c8d5dcc451b7e6a9c98d8fd966ff768a1e8f8afb270a829780086f2885ac"
 dependencies = [
  "anyhow",
  "walrus",
@@ -1680,15 +2033,15 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-shared"
-version = "0.2.81"
+version = "0.2.83"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6a89911bd99e5f3659ec4acf9c4d93b0a90fe4a2a11f15328472058edc5261be"
+checksum = "1c38c045535d93ec4f0b4defec448e4291638ee608530863b1e2ba115d4fff7f"
 
 [[package]]
 name = "wasm-bindgen-threads-xform"
-version = "0.2.81"
+version = "0.2.83"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6961b838d9a9c121ba4a1eea1628014cc759469e3defb42bbac9c5ed0f65be14"
+checksum = "0d10f9246c4daa911283a7096fc3be9f1fab9e3e36400478a4ab8d7056701420"
 dependencies = [
  "anyhow",
  "walrus",
@@ -1697,9 +2050,9 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-wasm-conventions"
-version = "0.2.81"
+version = "0.2.83"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c0a0eca38fe89471f57d6903f3e17e732d2d6f995a7af5b23f27df7fee0f0d18"
+checksum = "b4a5ab217f12f73b7c3ff23cbbbb5d36f7ee97dd65bb0be44beebda887df9002"
 dependencies = [
  "anyhow",
  "walrus",
@@ -1707,9 +2060,9 @@ dependencies = [
 
 [[package]]
 name = "wasm-bindgen-wasm-interpreter"
-version = "0.2.81"
+version = "0.2.83"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0b1c9fb7f71137840932bbb853ef1f83d68c88584b716c9bbae38675c9fb8b86"
+checksum = "8fbb6c773b486889b7c1211d27a7a08eebaf54ec4269380266cadf69e269cd91"
 dependencies = [
  "anyhow",
  "log",
@@ -1740,9 +2093,9 @@ dependencies = [
 
 [[package]]
 name = "web-sys"
-version = "0.3.58"
+version = "0.3.60"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2fed94beee57daf8dd7d51f2b15dc2bcde92d7a72304cdf662a4371008b71b90"
+checksum = "bcda906d8be16e728fd5adc5b729afad4e444e106ab28cd1c7256e54fa61510f"
 dependencies = [
  "js-sys",
  "wasm-bindgen",
@@ -1760,9 +2113,9 @@ dependencies = [
 
 [[package]]
 name = "webpki-roots"
-version = "0.22.3"
+version = "0.22.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "44d8de8415c823c8abd270ad483c6feeac771fad964890779f9a8cb24fbbc1bf"
+checksum = "368bfe657969fb01238bb756d351dcade285e0f6fcbd36dcb23359a5169975be"
 dependencies = [
  "webpki",
 ]
@@ -1822,6 +2175,63 @@ version = "0.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
 
+[[package]]
+name = "windows-sys"
+version = "0.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5a3e1820f08b8513f676f7ab6c1f99ff312fb97b553d30ff4dd86f9f15728aa7"
+dependencies = [
+ "windows_aarch64_gnullvm",
+ "windows_aarch64_msvc",
+ "windows_i686_gnu",
+ "windows_i686_msvc",
+ "windows_x86_64_gnu",
+ "windows_x86_64_gnullvm",
+ "windows_x86_64_msvc",
+]
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "41d2aa71f6f0cbe00ae5167d90ef3cfe66527d6f613ca78ac8024c3ccab9a19e"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dd0f252f5a35cac83d6311b2e795981f5ee6e67eb1f9a7f64eb4500fbc4dcdb4"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fbeae19f6716841636c28d695375df17562ca208b2b7d0dc47635a50ae6c5de7"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "84c12f65daa39dd2babe6e442988fc329d6243fdce47d7d2d155b8d874862246"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf7b1b21b5362cbc318f686150e5bcea75ecedc74dd157d874d754a2ca44b0ed"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09d525d2ba30eeb3297665bd434a54297e4170c7f1a44cad4ef58095b4cd2028"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f40009d85759725a34da6d89a94e63d7bdc50a862acf0dbc7c8e488f1edcb6f5"
+
 [[package]]
 name = "wit-parser"
 version = "0.2.0"
@@ -1886,16 +2296,6 @@ dependencies = [
  "wit-schema-version",
 ]
 
-[[package]]
-name = "ws2_32-sys"
-version = "0.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d59cefebd0c892fa2dd6de581e937301d8552cb44489cdff035c6187cb63fa5e"
-dependencies = [
- "winapi 0.2.8",
- "winapi-build",
-]
-
 [[package]]
 name = "xattr"
 version = "0.2.3"
@@ -1907,9 +2307,12 @@ dependencies = [
 
 [[package]]
 name = "xml-rs"
-version = "0.8.4"
+version = "0.3.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d2d7d3948613f75c98fd9328cfdcc45acc4d360655289d0a7d4ec931392200a3"
+checksum = "7ec6c39eaa68382c8e31e35239402c0a9489d4141a8ceb0c716099a0b515b562"
+dependencies = [
+ "bitflags 0.7.0",
+]
 
 [[package]]
 name = "xtask"
@@ -1923,12 +2326,12 @@ dependencies = [
 
 [[package]]
 name = "xtask-wasm"
-version = "0.1.5"
+version = "0.1.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "72b8fc162610b6505cf16d401b6cd58659a22767dc6ed0e9dd9cc9e59614f178"
+checksum = "7357bfbf87d0aabfa1f376292d620fc0c659f4d768f1c7bd31ca683a1e441b4a"
 dependencies = [
  "fs_extra",
- "lazy_static",
+ "lazy_static 1.4.0",
  "libc",
  "log",
  "walrus",
@@ -1938,14 +2341,14 @@ dependencies = [
 
 [[package]]
 name = "xtask-watch"
-version = "0.1.1"
+version = "0.1.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ab96a9f1f1165b0cbd75d4ca567cf0470218430ebedec5d84f18b97a73d382ed"
+checksum = "d58f8c455c873d291988430101eb47130ebb4d751f3dec2264110b415444e881"
 dependencies = [
  "anyhow",
  "cargo_metadata",
  "clap",
- "lazy_static",
+ "lazy_static 1.4.0",
  "libc",
  "log",
  "notify",
@@ -1953,26 +2356,29 @@ dependencies = [
 
 [[package]]
 name = "yaml-rust"
-version = "0.4.5"
+version = "0.3.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "56c1936c4cc7a1c9ab21a1ebb602eb942ba868cbd44a99cb7cdc5892335e1c85"
-dependencies = [
- "linked-hash-map",
-]
+checksum = "e66366e18dc58b46801afbf2ca7661a9f59cc8c5962c29892b6039b4f86fa992"
 
 [[package]]
 name = "yew"
-version = "0.19.3"
+version = "0.20.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2a1ccb53e57d3f7d847338cf5758befa811cabe207df07f543c06f502f9998cd"
+checksum = "5dbecfe44343b70cc2932c3eb445425969ae21754a8ab3a0966981c1cf7af1cc"
 dependencies = [
  "console_error_panic_hook",
- "gloo 0.4.2",
- "gloo-utils",
+ "futures",
+ "gloo",
+ "implicit-clone",
  "indexmap",
  "js-sys",
- "scoped-tls-hkt",
+ "prokio",
+ "rustversion",
+ "serde 1.0.149",
  "slab",
+ "thiserror",
+ "tokio",
+ "tracing",
  "wasm-bindgen",
  "wasm-bindgen-futures",
  "web-sys",
@@ -1981,12 +2387,13 @@ dependencies = [
 
 [[package]]
 name = "yew-macro"
-version = "0.19.3"
+version = "0.20.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5fab79082b556d768d6e21811869c761893f0450e1d550a67892b9bce303b7bb"
+checksum = "b64c253c1d401f1ea868ca9988db63958cfa15a69f739101f338d6f05eea8301"
 dependencies = [
  "boolinator",
- "lazy_static",
+ "once_cell",
+ "prettyplease",
  "proc-macro-error",
  "proc-macro2",
  "quote",
@@ -1995,18 +2402,16 @@ dependencies = [
 
 [[package]]
 name = "yew-router"
-version = "0.16.0"
+version = "0.17.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "155804f6f3aa309f596d5c3fa14486a94e7756f1edd7634569949e401d5099f2"
+checksum = "426ee0486d2572a6c5e39fbdbc48b58d59bb555f3326f54631025266cf04146e"
 dependencies = [
- "gloo 0.4.2",
- "gloo-utils",
+ "gloo",
  "js-sys",
  "route-recognizer",
- "serde",
- "serde-wasm-bindgen",
+ "serde 1.0.149",
  "serde_urlencoded",
- "thiserror",
+ "tracing",
  "wasm-bindgen",
  "web-sys",
  "yew",
@@ -2015,9 +2420,9 @@ dependencies = [
 
 [[package]]
 name = "yew-router-macro"
-version = "0.16.0"
+version = "0.17.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "39049d193b52eaad4ffc80916bf08806d142c90b5edcebd527644de438a7e19a"
+checksum = "89b249cdb39e0cddaf0644dedc781854524374664793479fdc01e6a65d6e6ae3"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -2028,9 +2433,10 @@ dependencies = [
 name = "yewprint"
 version = "0.3.1"
 dependencies = [
- "gloo 0.6.1",
- "heck 0.3.3",
+ "gloo",
+ "heck 0.4.0",
  "id_tree",
+ "implicit-clone",
  "regex",
  "wasm-bindgen",
  "web-sys",
@@ -2042,9 +2448,9 @@ name = "yewprint-css"
 version = "0.2.1"
 dependencies = [
  "anyhow",
- "flate2",
+ "flate2 1.0.25",
  "log",
- "serde",
+ "serde 1.0.149",
  "tar",
  "ureq",
 ]
@@ -2055,7 +2461,8 @@ version = "0.1.0"
 dependencies = [
  "build-data",
  "console_error_panic_hook",
- "gloo 0.6.1",
+ "gloo",
+ "implicit-clone",
  "once_cell",
  "syntect",
  "ureq",
diff --git a/Cargo.toml b/Cargo.toml
index dd0d673..a014cee 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -18,14 +18,15 @@ default = ["tree"]
 tree = ["id_tree"]
 
 [dependencies]
-gloo = "0.6"
-id_tree = { version = "1.7", optional = true }
+gloo = "0.8"
+id_tree = { version = "1.8", optional = true }
+implicit-clone = "0.3.5"
 wasm-bindgen = "0.2"
 web-sys = { version = "0.3", features = ["DomRect", "Element", "Event", "HtmlSelectElement"] }
-yew = "0.19"
+yew = "0.20"
 
 [build-dependencies]
-heck = "0.3"
+heck = "0.4"
 regex = { version = "1", default-features = false, features = ["std", "unicode-perl"] }
 
 [workspace]
diff --git a/build.rs b/build.rs
index 19334b4..a52ec8f 100644
--- a/build.rs
+++ b/build.rs
@@ -7,7 +7,7 @@
 //! After that you can extract the file following this path:
 //! package/lib/esnext/generated/iconSvgPaths.js
 
-use heck::CamelCase;
+use heck::ToUpperCamelCase;
 use regex::Regex;
 use std::collections::HashSet;
 use std::env;
@@ -29,7 +29,7 @@ fn main() {
         src.push_str(&map[1]);
         src.push_str("(icon: IconName) -> &'static [&'static str] { match icon {\n");
         for item in re_item.captures_iter(&map[2]) {
-            let key = item[1].to_camel_case();
+            let key = item[1].to_upper_camel_case();
             src.push_str("IconName::");
             src.push_str(&key);
             src.push_str(" => &");
diff --git a/src/button_group.rs b/src/button_group.rs
index b166f45..bb5562c 100644
--- a/src/button_group.rs
+++ b/src/button_group.rs
@@ -14,26 +14,36 @@ pub struct ButtonGroupProps {
     #[prop_or_default]
     pub style: Option<AttrValue>,
     #[prop_or_default]
-    pub children: html::Children,
+    pub children: Children,
     #[prop_or_default]
     pub class: Classes,
 }
 
 #[function_component(ButtonGroup)]
 pub fn button_group(props: &ButtonGroupProps) -> Html {
+    let ButtonGroupProps {
+        minimal,
+        vertical,
+        fill,
+        large,
+        style,
+        children,
+        class,
+    } = props;
+
     html! {
         <div
             class={classes!(
                 "bp3-button-group",
-                props.minimal.then_some("bp3-minimal"),
-                props.fill.then_some("bp3-fill"),
-                props.large.then_some("bp3-large"),
-                props.vertical.then_some("bp3-vertical"),
-                props.class.clone(),
+                minimal.then_some("bp3-minimal"),
+                fill.then_some("bp3-fill"),
+                large.then_some("bp3-large"),
+                vertical.then_some("bp3-vertical"),
+                class.clone(),
             )}
-            style={props.style.clone()}
+            {style}
         >
-            {props.children.clone()}
+            {children.clone()}
         </div>
     }
 }
diff --git a/src/buttons.rs b/src/buttons.rs
index 5837b3d..6e42027 100644
--- a/src/buttons.rs
+++ b/src/buttons.rs
@@ -33,59 +33,65 @@ pub struct ButtonProps {
     #[prop_or_default]
     pub style: Option<AttrValue>,
     #[prop_or_default]
-    pub children: html::Children,
+    pub children: Children,
 }
 
 #[function_component(Button)]
 pub fn button(props: &ButtonProps) -> Html {
+    let ButtonProps {
+        fill,
+        minimal,
+        small,
+        outlined,
+        loading,
+        large,
+        active,
+        disabled,
+        icon,
+        intent,
+        title,
+        onclick,
+        class,
+        style,
+        children,
+    } = props;
+
     html! {
         <button
             class={classes!(
                 "bp3-button",
-                props.fill.then_some("bp3-fill"),
-                props.minimal.then_some("bp3-minimal"),
-                props.small.then_some("bp3-small"),
-                props.outlined.then_some("bp3-outlined"),
-                props.loading.then_some("bp3-loading"),
-                props.large.then_some("bp3-large"),
-                (props.active && !props.disabled).then_some("bp3-active"),
-                props.disabled.then_some("bp3-disabled"),
-                props.intent,
-                props.class.clone(),
+                fill.then_some("bp3-fill"),
+                minimal.then_some("bp3-minimal"),
+                small.then_some("bp3-small"),
+                outlined.then_some("bp3-outlined"),
+                loading.then_some("bp3-loading"),
+                large.then_some("bp3-large"),
+                (*active && !disabled).then_some("bp3-active"),
+                disabled.then_some("bp3-disabled"),
+                intent,
+                class.clone(),
             )}
-            style={props.style.clone()}
-            onclick={(!props.disabled).then_some(props.onclick.clone())}
+            {style}
+            {title}
+            onclick={(!disabled).then_some(onclick.clone())}
         >
             {
-                props
-                    .loading
+                loading
                     .then(|| html! {
                         <Spinner
                             class={classes!("bp3-button-spinner")}
                             size={ICON_SIZE_LARGE as f32}
                         />
                     })
-                    .unwrap_or_default()
             }
+            {icon.map(|icon| html!(<Icon {icon} />))}
             {
-                if let Some(icon) = props.icon {
-                    html! {
-                        <Icon icon={icon} />
-                    }
-                } else {
-                    html!()
-                }
-            }
-            {
-                if props.children.is_empty() {
-                    html! ()
-                } else {
-                    html! {
+                (!children.is_empty())
+                    .then(|| html! {
                         <span class="bp3-button-text">
-                            {for props.children.iter()}
+                            {for children.iter()}
                         </span>
-                    }
-                }
+                    })
             }
         </button>
     }
diff --git a/src/callout.rs b/src/callout.rs
index 1052d28..afff099 100644
--- a/src/callout.rs
+++ b/src/callout.rs
@@ -15,16 +15,25 @@ pub struct CalloutProps {
     pub intent: Option<Intent>,
     #[prop_or_default]
     pub title: Option<AttrValue>,
-    pub children: html::Children,
+    pub children: Children,
 }
 
 #[function_component(Callout)]
-pub fn callout(props: &CalloutProps) -> Html {
-    let icon = if props.without_icon {
+pub fn callout(
+    CalloutProps {
+        class,
+        without_icon,
+        icon,
+        intent,
+        title,
+        children,
+    }: &CalloutProps,
+) -> Html {
+    let icon = if *without_icon {
         None
     } else {
-        props.icon.or_else(|| {
-            props.intent.map(|intent| match intent {
+        icon.or_else(|| {
+            intent.map(|intent| match intent {
                 Intent::Primary => IconName::InfoSign,
                 Intent::Success => IconName::Tick,
                 Intent::Warning => IconName::WarningSign,
@@ -32,25 +41,27 @@ pub fn callout(props: &CalloutProps) -> Html {
             })
         })
     };
-    let classes = classes!(
-        props.class.clone(),
-        "bp3-callout",
-        icon.map(|_| "bp3-callout-icon"),
-        props.intent,
-    );
+
     html! {
-        <div class={classes}>
+        <div
+            class={classes!(
+                "bp3-callout",
+                icon.map(|_| "bp3-callout-icon"),
+                intent,
+                class.clone(),
+            )}
+        >
             {
                 icon.iter()
-                    .map(|name| html!{<Icon icon={*name} icon_size={ICON_SIZE_LARGE}/>})
+                    .map(|icon| html!{<Icon {icon} icon_size={ICON_SIZE_LARGE}/>})
                     .collect::<Html>()
             }
             {
-                props.title.iter()
+                title.iter()
                     .map(|title| html!{<h4 class={"bp3-heading"}>{title}</h4>})
                     .collect::<Html>()
             }
-            { props.children.clone() }
+            {children.clone()}
         </div>
     }
 }
diff --git a/src/card.rs b/src/card.rs
index fd3a201..009a7e1 100644
--- a/src/card.rs
+++ b/src/card.rs
@@ -11,20 +11,34 @@ pub struct CardProps {
     pub onclick: Callback<MouseEvent>,
     #[prop_or(false)]
     pub interactive: bool,
-    pub children: html::Children,
+    #[prop_or_default]
+    pub style: AttrValue,
+    pub children: Children,
 }
 
 #[function_component(Card)]
-pub fn card(props: &CardProps) -> Html {
+pub fn card(
+    CardProps {
+        class,
+        elevation,
+        onclick,
+        interactive,
+        style,
+        children,
+    }: &CardProps,
+) -> Html {
     html! {
-        <div class={classes!(
-            "bp3-card",
-            props.class.clone(),
-            props.elevation,
-            props.interactive.then_some("bp3-interactive"),
-        )}
-        onclick={props.onclick.clone()}>
-            {props.children.clone()}
+        <div
+            class={classes!(
+                "bp3-card",
+                elevation,
+                interactive.then_some("bp3-interactive"),
+                class.clone(),
+            )}
+            {onclick}
+            {style}
+        >
+            {children.clone()}
         </div>
     }
 }
diff --git a/src/checkbox.rs b/src/checkbox.rs
index 4f3a4d4..1509ee6 100644
--- a/src/checkbox.rs
+++ b/src/checkbox.rs
@@ -13,33 +13,41 @@ pub struct CheckboxProps {
     #[prop_or_default]
     pub onchange: Callback<Event>,
     #[prop_or_default]
-    pub label: yew::virtual_dom::VNode,
+    pub label: Html,
     #[prop_or_default]
-    pub indeterminate_state: bool,
+    pub class: Classes,
+    #[prop_or_default]
+    pub children: Children,
 }
 
 #[function_component(Checkbox)]
-pub fn checkbox(props: &CheckboxProps) -> Html {
+pub fn checkbox(
+    CheckboxProps {
+        disabled,
+        inline,
+        large,
+        checked,
+        onchange,
+        label,
+        class,
+        children,
+    }: &CheckboxProps,
+) -> Html {
     html! {
         <label
             class={classes!(
-                "bp3-control", "bp3-checkbox",
-                props.disabled.then_some("bp3-disabled"),
-                props.inline.then_some("bp3-inline"),
-                props.large.then_some("bp3-large")
+                "bp3-control",
+                "bp3-checkbox",
+                disabled.then_some("bp3-disabled"),
+                inline.then_some("bp3-inline"),
+                large.then_some("bp3-large"),
+                class.clone(),
             )}
         >
-            <input
-                type="checkbox"
-                checked={props.checked}
-                onchange={props.onchange.clone()}
-                disabled={props.disabled}
-            />
-            <span
-                class="bp3-control-indicator"
-            >
-            </span>
-            {props.label.clone()}
+            <input type="checkbox" checked={*checked} {onchange} disabled={*disabled} />
+            <span class="bp3-control-indicator" />
+            {label.clone()}
+            {children.clone()}
         </label>
     }
 }
diff --git a/src/collapse.rs b/src/collapse.rs
index 4ebb954..460801d 100644
--- a/src/collapse.rs
+++ b/src/collapse.rs
@@ -19,7 +19,7 @@ pub struct CollapseProps {
     #[prop_or_default]
     pub is_open: bool,
     #[prop_or_default]
-    pub children: html::Children,
+    pub children: Children,
     #[prop_or_default]
     pub keep_children_mounted: bool,
     #[prop_or(Duration::from_millis(200))]
@@ -70,7 +70,7 @@ impl Component for Collapse {
         }
     }
 
-    fn changed(&mut self, ctx: &Context<Self>) -> bool {
+    fn changed(&mut self, ctx: &Context<Self>, _old_props: &Self::Properties) -> bool {
         if ctx.props().is_open {
             match self.animation_state {
                 AnimationState::Open | AnimationState::Opening => {}
diff --git a/src/control_group.rs b/src/control_group.rs
index ae72efa..a3e18c6 100644
--- a/src/control_group.rs
+++ b/src/control_group.rs
@@ -9,23 +9,32 @@ pub struct ControlGroupProps {
     #[prop_or_default]
     pub large: bool,
     #[prop_or_default]
-    pub children: html::Children,
+    pub children: Children,
     #[prop_or_default]
     pub class: Classes,
 }
 
 #[function_component(ControlGroup)]
-pub fn control_group(props: &ControlGroupProps) -> Html {
+pub fn control_group(
+    ControlGroupProps {
+        fill,
+        vertical,
+        large,
+        class,
+        children,
+    }: &ControlGroupProps,
+) -> Html {
     html! {
         <div
             class={classes!(
                 "bp3-control-group",
-                props.fill.then_some("bp3-fill"),
-                props.vertical.then_some("bp3-vertical"),
-                props.class.clone(),
+                fill.then_some("bp3-fill"),
+                vertical.then_some("bp3-vertical"),
+                large.then_some("bp3-large"),
+                class.clone(),
             )}
         >
-            {props.children.clone()}
+            {children.clone()}
         </div>
     }
 }
diff --git a/src/divider.rs b/src/divider.rs
index 2e6c8f1..4e5b52f 100644
--- a/src/divider.rs
+++ b/src/divider.rs
@@ -5,19 +5,17 @@ pub struct DividerProps {
     #[prop_or_default]
     pub vertical: bool,
     #[prop_or_default]
-    pub children: html::Children,
-    #[prop_or_default]
     pub class: Classes,
 }
 
 #[function_component(Divider)]
-pub fn view(props: &DividerProps) -> Html {
+pub fn view(DividerProps { vertical, class }: &DividerProps) -> Html {
     html! {
         <span
             class={classes!(
                 "bp3-divider",
-                props.vertical.then_some("bp3-vertical"),
-                props.class.clone(),
+                vertical.then_some("bp3-vertical"),
+                class.clone(),
             )}
         />
     }
diff --git a/src/html_elements.rs b/src/html_elements.rs
index 796cee8..324b641 100644
--- a/src/html_elements.rs
+++ b/src/html_elements.rs
@@ -5,16 +5,16 @@ pub struct ChildrenOnlyProps {
     #[prop_or_default]
     pub class: Classes,
     #[prop_or_default]
-    pub children: html::Children,
+    pub children: Children,
 }
 
 macro_rules! build_component {
     ($name:ident, $tag:tt, $class:literal) => {
         #[function_component($name)]
-        pub fn $tag(props: &ChildrenOnlyProps) -> Html {
+        pub fn $tag(ChildrenOnlyProps { class, children }: &ChildrenOnlyProps) -> Html {
             html! {
-                <$tag class={classes!($class, props.class.clone())}>
-                    { props.children.clone() }
+                <$tag class={classes!($class, class.clone())}>
+                    {children.clone()}
                 </$tag>
             }
         }
diff --git a/src/html_select.rs b/src/html_select.rs
index faab83b..68ceeac 100644
--- a/src/html_select.rs
+++ b/src/html_select.rs
@@ -1,3 +1,4 @@
+use implicit_clone::{unsync::IArray, ImplicitClone};
 use std::marker::PhantomData;
 
 use crate::{Icon, IconName};
@@ -11,7 +12,7 @@ pub struct HtmlSelect<T: Clone + PartialEq + 'static> {
 }
 
 #[derive(Debug, Clone, PartialEq, Properties)]
-pub struct HtmlSelectProps<T: Clone + PartialEq + 'static> {
+pub struct HtmlSelectProps<T: ImplicitClone + PartialEq + 'static> {
     #[prop_or_default]
     pub fill: bool,
     #[prop_or_default]
@@ -21,19 +22,17 @@ pub struct HtmlSelectProps<T: Clone + PartialEq + 'static> {
     #[prop_or_default]
     pub disabled: bool,
     #[prop_or_default]
-    pub icon: Option<IconName>,
-    #[prop_or_default]
-    pub title: Option<String>,
+    pub title: Option<AttrValue>,
     #[prop_or_default]
     pub onchange: Callback<T>,
     #[prop_or_default]
     pub value: Option<T>,
-    pub options: Vec<(T, String)>,
+    pub options: IArray<(T, AttrValue)>,
     #[prop_or_default]
     pub class: Classes,
 }
 
-impl<T: Clone + PartialEq + 'static> Component for HtmlSelect<T> {
+impl<T: ImplicitClone + PartialEq + 'static> Component for HtmlSelect<T> {
     type Message = Event;
     type Properties = HtmlSelectProps<T>;
 
@@ -58,10 +57,10 @@ impl<T: Clone + PartialEq + 'static> Component for HtmlSelect<T> {
         false
     }
 
-    fn changed(&mut self, ctx: &Context<Self>) -> bool {
+    fn changed(&mut self, ctx: &Context<Self>, _old_props: &Self::Properties) -> bool {
         if let Some(value) = ctx.props().value.as_ref() {
             if let Some(select) = self.select_element.cast::<HtmlSelectElement>() {
-                if let Some(i) = ctx.props().options.iter().position(|(x, _)| x == value) {
+                if let Some(i) = ctx.props().options.iter().position(|(x, _)| &x == value) {
                     if let Ok(i) = i.try_into() {
                         if select.selected_index() != i {
                             select.set_selected_index(i);
@@ -74,20 +73,25 @@ impl<T: Clone + PartialEq + 'static> Component for HtmlSelect<T> {
     }
 
     fn view(&self, ctx: &Context<Self>) -> Html {
-        let option_children = ctx
-            .props()
-            .options
+        let Self::Properties {
+            fill,
+            minimal,
+            large,
+            disabled,
+            title,
+            onchange: _,
+            value,
+            options,
+            class,
+        } = &ctx.props();
+
+        let option_children = options
             .iter()
-            .map(|(value, label)| {
-                let selected = ctx
-                    .props()
-                    .value
-                    .as_ref()
-                    .map(|x| value == x)
-                    .unwrap_or_default();
+            .map(|(this_value, label)| {
+                let selected = value.as_ref().map(|x| &this_value == x).unwrap_or_default();
 
                 html! {
-                    <option selected={selected}>
+                    <option {selected}>
                         {label}
                     </option>
                 }
@@ -98,18 +102,18 @@ impl<T: Clone + PartialEq + 'static> Component for HtmlSelect<T> {
             <div
                 class={classes!(
                     "bp3-html-select",
-                    ctx.props().minimal.then_some("bp3-minimal"),
-                    ctx.props().large.then_some("bp3-large"),
-                    ctx.props().fill.then_some("bp3-fill"),
-                    ctx.props().disabled.then_some("bp3-disabled"),
-                    ctx.props().class.clone(),
+                    minimal.then_some("bp3-minimal"),
+                    large.then_some("bp3-large"),
+                    fill.then_some("bp3-fill"),
+                    disabled.then_some("bp3-disabled"),
+                    class.clone(),
                 )}
             >
                 <select
-                    disabled={ctx.props().disabled}
+                    value={String::new()}
+                    disabled={*disabled}
                     onchange={ctx.link().callback(|x| x)}
-                    title={ctx.props().title.clone()}
-                    value={"".to_string()}
+                    {title}
                     ref={self.select_element.clone()}
                 >
                     {option_children}
diff --git a/src/icon.rs b/src/icon.rs
index f405a0e..a08e8f5 100644
--- a/src/icon.rs
+++ b/src/icon.rs
@@ -1,4 +1,5 @@
 use crate::Intent;
+use implicit_clone::ImplicitClone;
 use yew::prelude::*;
 
 include!(concat!(env!("OUT_DIR"), "/icon_svg_paths.rs"));
@@ -12,15 +13,17 @@ impl Default for IconName {
     }
 }
 
+impl ImplicitClone for IconName {}
+
 #[derive(Clone, PartialEq, Properties)]
 pub struct IconProps {
     pub icon: IconName,
     #[prop_or_default]
     pub class: Classes,
     #[prop_or_default]
-    pub title: Option<String>,
+    pub title: Option<AttrValue>,
     #[prop_or_default]
-    pub color: Option<String>,
+    pub color: Option<AttrValue>,
     #[prop_or_default]
     pub intent: Option<Intent>,
     #[prop_or(16)]
@@ -30,34 +33,47 @@ pub struct IconProps {
 }
 
 #[function_component(Icon)]
-pub fn icon(props: &IconProps) -> Html {
-    let paths = if props.icon_size == ICON_SIZE_STANDARD {
-        icon_svg_paths_16(props.icon)
+pub fn icon(
+    IconProps {
+        icon,
+        class,
+        title,
+        color: fill,
+        intent,
+        icon_size,
+        onclick,
+    }: &IconProps,
+) -> Html {
+    let paths = if *icon_size == ICON_SIZE_STANDARD {
+        icon_svg_paths_16(*icon)
     } else {
-        icon_svg_paths_20(props.icon)
+        icon_svg_paths_20(*icon)
     };
-    let pixel_grid_size = if props.icon_size >= ICON_SIZE_LARGE {
+    let pixel_grid_size = if *icon_size >= ICON_SIZE_LARGE {
         ICON_SIZE_LARGE
     } else {
         ICON_SIZE_STANDARD
     };
-    let icon_string = format!("{:?}", props.icon);
+    let icon_string = AttrValue::from(format!("{:?}", icon));
+    let width = AttrValue::from(format!("{icon_size}"));
+    let height = width.clone();
 
     html! {
         <span
-            class={classes!("bp3-icon", props.class.clone(), props.intent)}
-            onclick={props.onclick.clone()}
+            class={classes!("bp3-icon", class.clone(), intent)}
+            {onclick}
         >
             <svg
-                fill={props.color.clone()}
-                data-icon={icon_string.clone()}
-                width={props.icon_size.to_string()}
-                height={props.icon_size.to_string()}
-                viewBox={format!("0 0 {x} {x}", x=pixel_grid_size)}
+                {fill}
+                data-icon={&icon_string}
+                {width}
+                {height}
+                viewBox={format!("0 0 {pixel_grid_size} {pixel_grid_size}")}
             >
-                <desc>{props.title.clone().unwrap_or(icon_string)}</desc>
+                <desc>{title.clone().unwrap_or(icon_string)}</desc>
                 {
-                    paths.iter()
+                    paths
+                        .iter()
                         .map(|x| html! {
                             <path d={*x} fillRule="evenodd" />
                         })
diff --git a/src/input_group.rs b/src/input_group.rs
index 9cb4869..44e4dd5 100644
--- a/src/input_group.rs
+++ b/src/input_group.rs
@@ -63,13 +63,13 @@ pub struct InputGroupProps {
     #[prop_or_default]
     pub round: bool,
     #[prop_or_default]
-    pub placeholder: String,
+    pub placeholder: AttrValue,
     #[prop_or_default]
     pub left_icon: Option<IconName>,
     #[prop_or_default]
-    pub left_element: Option<yew::virtual_dom::VNode>,
+    pub left_element: Option<Html>,
     #[prop_or_default]
-    pub right_element: Option<yew::virtual_dom::VNode>,
+    pub right_element: Option<Html>,
     #[prop_or_default]
     pub input_type: TextInputType,
     #[prop_or_default]
@@ -79,7 +79,7 @@ pub struct InputGroupProps {
     #[prop_or_default]
     pub onkeydown: Callback<KeyboardEvent>,
     #[prop_or_default]
-    pub value: String,
+    pub value: AttrValue,
     #[prop_or_default]
     pub class: Classes,
     #[prop_or_default]
@@ -104,7 +104,26 @@ impl Component for InputGroup {
     }
 
     fn view(&self, ctx: &Context<Self>) -> Html {
-        let input_style = match (self.left_element_width, self.right_element_width) {
+        let Self::Properties {
+            disabled,
+            fill,
+            large,
+            small,
+            round,
+            placeholder,
+            left_icon,
+            left_element,
+            right_element,
+            input_type,
+            oninput,
+            onkeyup,
+            onkeydown,
+            value,
+            class,
+            input_ref,
+        } = &ctx.props();
+
+        let style = match (self.left_element_width, self.right_element_width) {
             (Some(left), None) => format!("padding-left:{}px", left.max(MIN_HORIZONTAL_PADDING)),
             (None, Some(right)) => format!("padding-right:{}px", right.max(MIN_HORIZONTAL_PADDING)),
             (Some(left), Some(right)) => format!(
@@ -119,16 +138,16 @@ impl Component for InputGroup {
             <div
                 class={classes!(
                     "bp3-input-group",
-                    ctx.props().disabled.then_some("bp3-disabled"),
-                    ctx.props().fill.then_some("bp3-fill"),
-                    ctx.props().large.then_some("bp3-large"),
-                    ctx.props().small.then_some("bp3-small"),
-                    ctx.props().round.then_some("bp3-round"),
-                    ctx.props().class.clone(),
+                    disabled.then_some("bp3-disabled"),
+                    fill.then_some("bp3-fill"),
+                    large.then_some("bp3-large"),
+                    small.then_some("bp3-small"),
+                    round.then_some("bp3-round"),
+                    class.clone(),
                 )}
             >
                 {
-                    if let Some(left_element) = ctx.props().left_element.clone() {
+                    if let Some(left_element) = left_element.clone() {
                         html! {
                             <span
                                 class="bp3-input-left-container"
@@ -137,7 +156,7 @@ impl Component for InputGroup {
                                 {left_element}
                             </span>
                         }
-                    } else if let Some(icon) = ctx.props().left_icon {
+                    } else if let Some(icon) = left_icon {
                         html! {
                             <Icon icon={icon} />
                         }
@@ -146,19 +165,19 @@ impl Component for InputGroup {
                     }
                 }
                 <input
-                    ref={ctx.props().input_ref.clone()}
+                    ref={input_ref.clone()}
                     class="bp3-input"
-                    type={ctx.props().input_type.as_str()}
-                    placeholder={ctx.props().placeholder.clone()}
-                    disabled={ctx.props().disabled}
-                    oninput={ctx.props().oninput.clone()}
-                    onkeyup={ctx.props().onkeyup.clone()}
-                    onkeydown={ctx.props().onkeydown.clone()}
-                    value={ctx.props().value.clone()}
-                    style={input_style}
+                    type={input_type.as_str()}
+                    placeholder={placeholder.clone()}
+                    disabled={*disabled}
+                    {oninput}
+                    {onkeyup}
+                    {onkeydown}
+                    {value}
+                    {style}
                 />
                 {
-                    if let Some(right_element) = ctx.props().right_element.clone() {
+                    if let Some(right_element) = right_element.clone() {
                         html! {
                             <span
                                 class="bp3-input-action"
diff --git a/src/lib.rs b/src/lib.rs
index 71f28b9..9df0c31 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -64,6 +64,7 @@ pub use text_area::*;
 #[cfg(feature = "tree")]
 pub use tree::*;
 
+use implicit_clone::ImplicitClone;
 use yew::Classes;
 
 // See https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons
@@ -87,6 +88,8 @@ pub enum Intent {
     Danger,
 }
 
+impl ImplicitClone for Intent {}
+
 impl From<Intent> for Classes {
     fn from(intent: Intent) -> Self {
         use Intent::*;
@@ -146,14 +149,16 @@ impl Elevation {
 
 impl Default for Elevation {
     fn default() -> Self {
-        Elevation::Level0
+        Self::Level0
     }
 }
 
+impl ImplicitClone for Elevation {}
+
 impl From<Elevation> for Classes {
     fn from(elevation: Elevation) -> Self {
         use Elevation::*;
-        Classes::from(match elevation {
+        Self::from(match elevation {
             Level0 => "bp3-elevation-0",
             Level1 => "bp3-elevation-1",
             Level2 => "bp3-elevation-2",
@@ -162,3 +167,9 @@ impl From<Elevation> for Classes {
         })
     }
 }
+
+impl From<&Elevation> for Classes {
+    fn from(elevation: &Elevation) -> Self {
+        Self::from(*elevation)
+    }
+}
diff --git a/src/menu.rs b/src/menu.rs
index 9eef7a1..3b5f58e 100644
--- a/src/menu.rs
+++ b/src/menu.rs
@@ -10,7 +10,7 @@ pub struct MenuProps {
     pub class: Classes,
     #[prop_or_default]
     pub r#ref: NodeRef,
-    pub children: html::Children,
+    pub children: Children,
 }
 
 #[function_component(Menu)]
@@ -32,7 +32,7 @@ pub fn menu(props: &MenuProps) -> Html {
 #[derive(Clone, PartialEq, Properties)]
 pub struct MenuItemProps {
     #[prop_or_default]
-    pub text: yew::virtual_dom::VNode,
+    pub text: Html,
     #[prop_or_default]
     pub text_class: Classes,
     #[prop_or_default]
@@ -44,7 +44,7 @@ pub struct MenuItemProps {
     #[prop_or_default]
     pub href: Option<AttrValue>,
     #[prop_or_default]
-    pub label: Option<yew::virtual_dom::VNode>,
+    pub label: Option<Html>,
     #[prop_or_default]
     pub label_class: Classes,
     // TODO: pub multiline: bool, (requires <Text>)
@@ -57,32 +57,47 @@ pub struct MenuItemProps {
     pub icon_html: Option<Html>,
     #[prop_or_default]
     pub onclick: Callback<MouseEvent>,
-    // TODO: pub children: html::Children,
+    // TODO: pub children: Children,
 }
 
 #[function_component(MenuItem)]
-pub fn menu_item(props: &MenuItemProps) -> Html {
+pub fn menu_item(
+    MenuItemProps {
+        text,
+        text_class,
+        active,
+        class,
+        disabled,
+        href,
+        label,
+        label_class,
+        intent,
+        icon,
+        icon_html,
+        onclick,
+    }: &MenuItemProps,
+) -> Html {
     html! {
         <li>
             <a
                 class={classes!(
                     "bp3-menu-item",
-                    props.active.then_some("bp3-active"),
-                    props.disabled.then_some("bp3-disabled"),
-                    props.intent
-                        .or_else(|| props.active.then_some(Intent::Primary)),
-                    props.class.clone(),
+                    active.then_some("bp3-active"),
+                    disabled.then_some("bp3-disabled"),
+                    intent
+                        .or_else(|| active.then_some(Intent::Primary)),
+                    class.clone(),
                 )}
-                href={(!props.disabled).then(|| props.href.clone()).flatten()}
-                tabIndex={(!props.disabled).then_some("0")}
-                onclick={(!props.disabled).then(|| props.onclick.clone())}
+                href={(!disabled).then(|| href.clone()).flatten()}
+                tabIndex={(!disabled).then_some("0")}
+                onclick={(!disabled).then(|| onclick.clone())}
             >
                 {
-                    if let Some(icon_name) = props.icon {
+                    if let Some(icon_name) = icon {
                         html! {
                             <Icon icon={icon_name} />
                         }
-                    } else if let Some(html) = props.icon_html.clone() {
+                    } else if let Some(html) = icon_html.clone() {
                         html
                     } else {
                         html! {
@@ -90,16 +105,16 @@ pub fn menu_item(props: &MenuItemProps) -> Html {
                         }
                     }
                 }
-                <div class={classes!("bp3-text", "bp3-fill", props.text_class.clone())}>
-                    {props.text.clone()}
+                <div class={classes!("bp3-text", "bp3-fill", text_class.clone())}>
+                    {text.clone()}
                 </div>
                 {
-                    if let Some(label) = props.label.clone() {
+                    if let Some(label) = label.clone() {
                         html! {
                             <span
                                 class={classes!(
                                     "bp3-menu-item-label",
-                                    props.label_class.clone())}
+                                    label_class.clone())}
                             >
                                 {label}
                             </span>
@@ -117,7 +132,7 @@ pub fn menu_item(props: &MenuItemProps) -> Html {
 #[derive(Clone, PartialEq, Properties)]
 pub struct MenuDividerProps {
     #[prop_or_default]
-    pub title: Option<yew::virtual_dom::VNode>,
+    pub title: Option<Html>,
 }
 
 #[function_component(MenuDivider)]
diff --git a/src/numeric_input.rs b/src/numeric_input.rs
index b74111a..ad0ca3c 100644
--- a/src/numeric_input.rs
+++ b/src/numeric_input.rs
@@ -42,9 +42,9 @@ where
     #[prop_or_default]
     pub large: bool,
     #[prop_or_default]
-    pub class: String,
+    pub class: Classes,
     #[prop_or_default]
-    pub placeholder: String,
+    pub placeholder: AttrValue,
     #[prop_or_default]
     pub left_icon: Option<IconName>,
     #[prop_or_default]
@@ -120,7 +120,7 @@ where
         }
     }
 
-    fn changed(&mut self, ctx: &Context<Self>) -> bool {
+    fn changed(&mut self, ctx: &Context<Self>, _old_props: &Self::Properties) -> bool {
         self.input = ctx.props().value.to_string();
         true
     }
@@ -132,14 +132,24 @@ where
             disabled,
             disable_buttons,
             buttons_on_the_left,
-            ..
-        } = *ctx.props();
+            large,
+            placeholder,
+            left_icon,
+            left_element,
+            right_element,
+            fill,
+            bounds,
+            class,
+            intent,
+            onchange: _,
+        } = &ctx.props();
 
-        let bounds = &ctx.props().bounds;
-        let button_up_disabled = disabled || bounds.clamp(value + increment, increment) == value;
-        let button_down_disabled = disabled || bounds.clamp(value - increment, increment) == value;
+        let button_up_disabled =
+            *disabled || bounds.clamp(*value + *increment, *increment) == *value;
+        let button_down_disabled =
+            *disabled || bounds.clamp(*value - *increment, *increment) == *value;
 
-        let buttons = if disable_buttons {
+        let buttons = if *disable_buttons {
             html!()
         } else {
             html! {
@@ -148,11 +158,13 @@ where
                         icon={IconName::ChevronUp}
                         disabled={button_up_disabled}
                         onclick={ctx.link().callback(|_| Msg::Up)}
+                        {intent}
                     />
                     <Button
                         icon={IconName::ChevronDown}
                         disabled={button_down_disabled}
                         onclick={ctx.link().callback(|_| Msg::Down)}
+                        {intent}
                     />
                 </ButtonGroup>
             }
@@ -160,12 +172,12 @@ where
 
         let input_group = html! {
             <InputGroup
-                placeholder={ctx.props().placeholder.clone()}
-                large={ctx.props().large}
-                disabled={ctx.props().disabled}
-                left_icon={ctx.props().left_icon}
-                left_element={ctx.props().left_element.clone()}
-                right_element={ctx.props().right_element.clone()}
+                {placeholder}
+                {large}
+                {disabled}
+                {left_icon}
+                left_element={left_element.clone()}
+                right_element={right_element.clone()}
                 value={self.input.clone()}
                 oninput={ctx.link().callback(|e: InputEvent| {
                     let value = e.target_unchecked_into::<HtmlInputElement>().value();
@@ -183,12 +195,12 @@ where
             />
         };
 
-        if buttons_on_the_left {
+        if *buttons_on_the_left {
             html! {
                 <ControlGroup
-                    class={classes!("bp3-numeric-input")}
-                    fill={ctx.props().fill}
-                    large={ctx.props().large}
+                    class={classes!("bp3-numeric-input", class.clone())}
+                    {fill}
+                    {large}
                 >
                     {buttons}
                     {input_group}
@@ -197,9 +209,9 @@ where
         } else {
             html! {
                 <ControlGroup
-                    class={classes!("bp3-numeric-input")}
-                    fill={ctx.props().fill}
-                    large={ctx.props().large}
+                    class={classes!("bp3-numeric-input", class.clone())}
+                    {fill}
+                    {large}
                 >
                     {input_group}
                     {buttons}
diff --git a/src/panel_stack.rs b/src/panel_stack.rs
index b3983f9..857643b 100644
--- a/src/panel_stack.rs
+++ b/src/panel_stack.rs
@@ -1,5 +1,6 @@
 use crate::{Button, IconName};
 use gloo::timers::callback::Timeout;
+use implicit_clone::ImplicitClone;
 use std::cell::RefCell;
 use std::fmt;
 use std::rc::Rc;
@@ -42,6 +43,8 @@ pub struct PanelStackState {
     action: Option<StateAction>,
 }
 
+impl ImplicitClone for PanelStackState {}
+
 impl PanelStackState {
     pub fn new(content: Html) -> PanelBuilder<fn(Option<Html>, Html) -> Self, Html, Self> {
         PanelBuilder::new(content, |title, content| {
@@ -204,7 +207,7 @@ impl Component for PanelStack {
         }
     }
 
-    fn changed(&mut self, ctx: &Context<Self>) -> bool {
+    fn changed(&mut self, ctx: &Context<Self>, _old_props: &Self::Properties) -> bool {
         self.action_to_perform = ctx.props().state.action;
         true
     }
@@ -293,8 +296,8 @@ impl Component for Panel {
         html! {
             <div class={classes} style={style}>
                 <div class="bp3-panel-stack-header">
-                    <span>{back_button.unwrap_or_default()}</span>
-                    {ctx.props().title.clone().unwrap_or_default()}
+                    <span>{back_button}</span>
+                    {ctx.props().title.clone()}
                     <span/>
                 </div>
                 {for ctx.props().children.iter()}
@@ -302,7 +305,7 @@ impl Component for Panel {
         }
     }
 
-    fn changed(&mut self, ctx: &Context<Self>) -> bool {
+    fn changed(&mut self, ctx: &Context<Self>, _old_props: &Self::Properties) -> bool {
         self.animation = ctx.props().animation;
         true
     }
diff --git a/src/progress_bar.rs b/src/progress_bar.rs
index 120f44b..7a63aa0 100644
--- a/src/progress_bar.rs
+++ b/src/progress_bar.rs
@@ -16,26 +16,35 @@ pub struct ProgressBarProps {
 }
 
 #[function_component(ProgressBar)]
-pub fn progress_bar(props: &ProgressBarProps) -> Html {
-    let width = if let Some(value) = props.value {
+pub fn progress_bar(
+    ProgressBarProps {
+        animate,
+        stripes,
+        value,
+        intent,
+        class,
+    }: &ProgressBarProps,
+) -> Html {
+    let style = if let Some(value) = value {
         // NOTE: nightly, issue #44095 for f32::clamp
         // let percent = ((1000. * value).ceil() / 10.).clamp(0.,100.);
         let percent = ((1000. * value).ceil() / 10.).max(0.).min(100.);
-        format!("width: {}%;", percent)
+        AttrValue::from(format!("width: {}%;", percent))
     } else {
         "".into()
     };
+
     html! {
         <div
             class={classes!(
                 "bp3-progress-bar",
-                props.intent,
-                (!props.animate).then_some("bp3-no-animation"),
-                (!props.stripes).then_some("bp3-no-stripes"),
-                props.class.clone(),
+                intent,
+                (!animate).then_some("bp3-no-animation"),
+                (!stripes).then_some("bp3-no-stripes"),
+                class.clone(),
             )}
         >
-            <div class={classes!("bp3-progress-meter")} style={{width}}/>
+            <div class={classes!("bp3-progress-meter")} {style}/>
         </div>
     }
 }
diff --git a/src/radio.rs b/src/radio.rs
index b8ca99d..034f412 100644
--- a/src/radio.rs
+++ b/src/radio.rs
@@ -8,43 +8,58 @@ pub struct RadioProps {
     pub inline: bool,
     #[prop_or_default]
     pub large: bool,
+    #[prop_or(false)]
+    pub checked: bool,
     #[prop_or_default]
-    pub checked: Option<bool>,
+    pub name: Option<AttrValue>,
     #[prop_or_default]
-    pub name: Option<String>,
+    pub onchange: Callback<Event>,
     #[prop_or_default]
-    pub onchange: Option<Callback<Event>>,
+    pub label: Html,
     #[prop_or_default]
-    pub label: yew::virtual_dom::VNode,
+    pub value: Option<AttrValue>,
     #[prop_or_default]
-    pub value: Option<String>,
+    pub class: Classes,
 }
 
 #[function_component(Radio)]
-pub fn radio(props: &RadioProps) -> Html {
+pub fn radio(
+    RadioProps {
+        disabled,
+        inline,
+        large,
+        checked,
+        name,
+        onchange,
+        label,
+        value,
+        class,
+    }: &RadioProps,
+) -> Html {
     html! {
         <label
             class={classes!(
                 "bp3-control",
                 "bp3-radio",
-                props.disabled.then_some("bp3-disabled"),
-                props.inline.then_some("bp3-inline"),
-                props.large.then_some("bp3-large"),
+                disabled.then_some("bp3-disabled"),
+                inline.then_some("bp3-inline"),
+                large.then_some("bp3-large"),
+                class.clone(),
             )}
         >
             <input
                 type="radio"
-                onchange={props.onchange.clone().unwrap_or_default()}
-                disabled={props.disabled}
-                value={props.value.clone().unwrap_or_default()}
-                checked={props.checked.unwrap_or(false)}
-                name={props.name.clone().unwrap_or_default()}
+                {onchange}
+                disabled={*disabled}
+                {value}
+                checked={*checked}
+                {name}
             />
             <span
                 class={classes!("bp3-control-indicator")}
             >
             </span>
-            {props.label.clone()}
+            {label.clone()}
         </label>
     }
 }
diff --git a/src/radio_group.rs b/src/radio_group.rs
index f70a6d2..347e160 100644
--- a/src/radio_group.rs
+++ b/src/radio_group.rs
@@ -1,17 +1,18 @@
 use crate::Radio;
+use implicit_clone::{unsync::IArray, ImplicitClone};
 use yew::prelude::*;
 
 #[derive(Clone, PartialEq, Properties)]
-pub struct RadioGroupProps<T: Clone + PartialEq + 'static> {
+pub struct RadioGroupProps<T: ImplicitClone + PartialEq + 'static> {
     #[prop_or_default]
-    pub label: Option<yew::virtual_dom::VNode>,
+    pub label: Option<Html>,
     #[prop_or_default]
     pub disabled: bool,
     #[prop_or_default]
     pub inline: bool,
     #[prop_or_default]
     pub large: bool,
-    pub options: Vec<(T, String)>,
+    pub options: IArray<(T, AttrValue)>,
     #[prop_or_default]
     pub value: Option<T>,
     #[prop_or_default]
@@ -20,26 +21,33 @@ pub struct RadioGroupProps<T: Clone + PartialEq + 'static> {
     pub class: Classes,
 }
 
-// impl<T: Clone + PartialEq + 'static> Component for RadioGroup<T> {
-
 #[function_component(RadioGroup)]
-pub fn radio_group<T: Clone + PartialEq + 'static>(props: &RadioGroupProps<T>) -> Html {
-    let option_children = props
-        .options
+pub fn radio_group<T: ImplicitClone + PartialEq + 'static>(
+    RadioGroupProps {
+        label,
+        disabled,
+        inline,
+        large,
+        options,
+        value,
+        onchange,
+        class,
+    }: &RadioGroupProps<T>,
+) -> Html {
+    let option_children = options
         .iter()
-        .map(|(value, label)| {
-            let checked = props.value.as_ref().map(|x| value == x).unwrap_or_default();
-            let value = value.clone();
+        .map(|(this_value, label)| {
+            let checked = value.as_ref().map(|x| &this_value == x).unwrap_or_default();
 
             html! {
                 <Radio
-                    value={"".to_string()}
+                    value={String::new()}
                     label={html!(label)}
-                    checked={checked}
-                    onchange={props.onchange.reform(move |_| value.clone())}
-                    inline={props.inline}
-                    disabled={props.disabled}
-                    large={props.large}
+                    {checked}
+                    onchange={onchange.reform(move |_| this_value.clone())}
+                    {inline}
+                    {disabled}
+                    {large}
                 />
             }
         })
@@ -49,16 +57,10 @@ pub fn radio_group<T: Clone + PartialEq + 'static>(props: &RadioGroupProps<T>) -
         <div
             class={classes!(
                 "bp3-radio-group",
-                props.class.clone(),
+                class.clone(),
             )}
         >
-            {
-                if let Some(label) = props.label.clone() {
-                    label
-                } else {
-                    html!()
-                }
-            }
+            {label.clone()}
             {option_children}
         </div>
     }
diff --git a/src/slider.rs b/src/slider.rs
index e2c8c40..17f6d54 100644
--- a/src/slider.rs
+++ b/src/slider.rs
@@ -1,12 +1,12 @@
 use crate::Intent;
-use std::borrow::Cow;
+use implicit_clone::{unsync::IArray, ImplicitClone};
 use std::marker::PhantomData;
 use wasm_bindgen::closure::Closure;
 use wasm_bindgen::JsCast;
 use web_sys::Element;
 use yew::prelude::*;
 
-pub struct Slider<T: Clone + PartialEq + 'static> {
+pub struct Slider<T: ImplicitClone + PartialEq + 'static> {
     mouse_move: Closure<dyn FnMut(MouseEvent)>,
     mouse_up: Closure<dyn FnMut(MouseEvent)>,
     handle_ref: NodeRef,
@@ -17,7 +17,7 @@ pub struct Slider<T: Clone + PartialEq + 'static> {
 }
 
 #[derive(Clone, PartialEq, Properties)]
-pub struct SliderProps<T: Clone + PartialEq + 'static> {
+pub struct SliderProps<T: ImplicitClone + PartialEq + 'static> {
     #[prop_or_default]
     pub class: Classes,
     #[prop_or_default]
@@ -25,9 +25,9 @@ pub struct SliderProps<T: Clone + PartialEq + 'static> {
     #[prop_or_default]
     pub intent: Option<Intent>,
     #[prop_or_default]
-    pub value_label: Option<Cow<'static, str>>,
+    pub value_label: Option<AttrValue>,
     pub onchange: Callback<T>,
-    pub values: Vec<(T, Option<Cow<'static, str>>)>,
+    pub values: IArray<(T, Option<AttrValue>)>,
     pub selected: Option<T>,
 }
 
@@ -38,7 +38,7 @@ pub enum Msg {
     Keyboard(KeyboardEvent),
 }
 
-impl<T: Clone + PartialEq + 'static> Component for Slider<T> {
+impl<T: ImplicitClone + PartialEq + 'static> Component for Slider<T> {
     type Message = Msg;
     type Properties = SliderProps<T>;
 
@@ -98,13 +98,16 @@ impl<T: Clone + PartialEq + 'static> Component for Slider<T> {
 
                     let position = (pixel_delta / tick_size).round() as usize;
 
-                    let (value, _) =
-                        ctx.props().values.get(position).unwrap_or_else(|| {
-                            ctx.props().values.last().expect("No value in the vec")
-                        });
+                    let (value, _) = ctx.props().values.get(position).unwrap_or_else(|| {
+                        ctx.props()
+                            .values
+                            .last()
+                            .cloned()
+                            .expect("No value in the array")
+                    });
 
-                    if Some(value) != ctx.props().selected.as_ref() {
-                        ctx.props().onchange.emit(value.clone());
+                    if Some(&value) != ctx.props().selected.as_ref() {
+                        ctx.props().onchange.emit(value);
                     }
 
                     true
@@ -139,7 +142,7 @@ impl<T: Clone + PartialEq + 'static> Component for Slider<T> {
                         .props()
                         .values
                         .iter()
-                        .position(|(value, _)| Some(value) == ctx.props().selected.as_ref())
+                        .position(|(value, _)| Some(value) == ctx.props().selected)
                         .map(|i| i.saturating_sub(1))
                         .unwrap_or(0);
                     let (value, _) = ctx.props().values[index].clone();
@@ -153,20 +156,16 @@ impl<T: Clone + PartialEq + 'static> Component for Slider<T> {
                         .props()
                         .values
                         .iter()
-                        .position(|(value, _)| Some(value) == ctx.props().selected.as_ref())
+                        .position(|(value, _)| Some(value) == ctx.props().selected)
                         .map(|i| i.saturating_add(1))
                         .unwrap_or(0);
-                    let (value, _) = ctx
-                        .props()
-                        .values
-                        .get(index)
-                        .unwrap_or_else(|| {
-                            ctx.props().values.last().expect(
-                                "Already check, \
+                    let (value, _) = ctx.props().values.get(index).unwrap_or_else(|| {
+                        let (value, label) = ctx.props().values.last().expect(
+                            "Already check, \
                                     there are at least 2 values in ctx.props().options; qed",
-                            )
-                        })
-                        .clone();
+                        );
+                        (value.clone(), label.clone())
+                    });
                     ctx.props().onchange.emit(value);
                     true
                 }
@@ -181,14 +180,14 @@ impl<T: Clone + PartialEq + 'static> Component for Slider<T> {
             .props()
             .values
             .iter()
-            .position(|(value, _)| Some(value) == ctx.props().selected.as_ref());
+            .position(|(value, _)| Some(value) == ctx.props().selected);
         let labels = if ctx.props().values.len() > 1 {
             ctx.props()
                 .values
                 .iter()
                 .enumerate()
                 .filter_map(|(i, (_, label))| {
-                    label.clone().map(|x| {
+                    label.map(|x| {
                         html! {
                             <div
                                 class={classes!("bp3-slider-label")}
@@ -320,7 +319,7 @@ impl<T: Clone + PartialEq + 'static> Component for Slider<T> {
                                     onkeydown={ctx.link().callback(|event| Msg::Keyboard(event))}
                                     tabindex=0
                                 >
-                                    {value_label.clone().unwrap_or_default()}
+                                    {value_label.clone()}
                                 </span>
                             }
                         }
@@ -334,7 +333,7 @@ impl<T: Clone + PartialEq + 'static> Component for Slider<T> {
                                     ref={self.handle_ref.clone()}
                                     style="left: calc(50% - 8px);"
                                 >
-                                    {value_label.clone().unwrap_or_default()}
+                                    {value_label.clone()}
                                 </span>
                             }
                         }
diff --git a/src/spinner.rs b/src/spinner.rs
index 263c38d..34a7780 100644
--- a/src/spinner.rs
+++ b/src/spinner.rs
@@ -35,12 +35,13 @@ pub fn spinner(props: &SpinnerProps) -> Html {
             view_box_x, view_box_x, view_box_width, view_box_width,
         )
     };
-    let spinner_track = format!(
+    let spinner_track = AttrValue::from(format!(
         "M 50,50 m 0,-{R:.0} a {R:.0},{R:.0} 0 1 1 0,{R2:.0} a {R:.0},{R:.0} 0 1 1 0,-{R2:.0}",
-        R = R,
         R2 = R * 2.0,
-    );
+    ));
     let stroke_offset = PATH_LENGTH - PATH_LENGTH * props.value.clamp(0.0, 1.0);
+    let width = AttrValue::from(format!("{size}"));
+    let height = width.clone();
 
     html! {
         <div
@@ -54,18 +55,18 @@ pub fn spinner(props: &SpinnerProps) -> Html {
                 class={classes!("bp3-spinner-animation")}
             >
                 <svg
-                    width={size.to_string()}
-                    height={size.to_string()}
+                    {width}
+                    {height}
                     stroke-width={stroke_width.to_string()}
                     viewBox={view_box}
                 >
                     <path
                         class={classes!("bp3-spinner-track")}
-                        d={spinner_track.clone()}
+                        d={&spinner_track}
                     />
                     <path
                         class={classes!("bp3-spinner-head")}
-                        d={spinner_track}
+                        d={&spinner_track}
                         pathLength={PATH_LENGTH.to_string()}
                         stroke-dasharray={format!("{} {}", PATH_LENGTH, PATH_LENGTH)}
                         stroke-dashoffset={stroke_offset.to_string()}
diff --git a/src/switch.rs b/src/switch.rs
index 4514a29..78ca196 100644
--- a/src/switch.rs
+++ b/src/switch.rs
@@ -13,75 +13,85 @@ pub struct SwitchProps {
     #[prop_or_default]
     pub onclick: Callback<MouseEvent>,
     #[prop_or_default]
-    pub label: yew::virtual_dom::VNode,
+    pub label: Html,
     #[prop_or_default]
     pub class: Classes,
     #[prop_or_default]
-    pub inner_label_checked: Option<String>,
+    pub inner_label_checked: Option<AttrValue>,
     #[prop_or_default]
-    pub inner_label: Option<String>,
+    pub inner_label: Option<AttrValue>,
     #[prop_or_default]
     pub align_right: bool,
 }
 
 #[function_component(Switch)]
-pub fn switch(props: &SwitchProps) -> Html {
-    let display_label = {
-        if props.inner_label.is_some() || props.inner_label_checked.is_some() {
-            let inner_label = props.inner_label.as_deref().unwrap_or_default();
-            let inner_label_checked = props.inner_label_checked.as_ref();
-            html! {
-                <>
-                    <div class={classes!("bp3-control-indicator-child")}>
-                        <div class={classes!("bp3-switch-inner-text")}>
-                            {
-                                if let Some(label_checked) = inner_label_checked {
-                                    label_checked.clone()
-                                } else {
-                                    inner_label.to_string()
-                                }
+pub fn switch(
+    SwitchProps {
+        checked,
+        disabled,
+        inline,
+        large,
+        onclick,
+        label,
+        class,
+        inner_label_checked,
+        inner_label,
+        align_right,
+    }: &SwitchProps,
+) -> Html {
+    let display_label = (inner_label.is_some() || inner_label_checked.is_some()).then(|| {
+        let inner_label = inner_label.clone().unwrap_or_default();
+
+        html! {
+            <>
+                <div class={classes!("bp3-control-indicator-child")}>
+                    <div class={classes!("bp3-switch-inner-text")}>
+                        {
+                            if let Some(label_checked) = inner_label_checked.clone() {
+                                label_checked
+                            } else {
+                                inner_label.clone()
                             }
-                        </div>
+                        }
                     </div>
-                    <div class={classes!("bp3-control-indicator-child")}>
-                        <div class={classes!("bp3-switch-inner-text")}>
-                            {inner_label.to_string()}
-                        </div>
+                </div>
+                <div class={classes!("bp3-control-indicator-child")}>
+                    <div class={classes!("bp3-switch-inner-text")}>
+                        {inner_label}
                     </div>
-                </>
-            }
-        } else {
-            Html::default()
+                </div>
+            </>
         }
-    };
+    });
+
     html! {
         <label
             class={classes!(
                 "bp3-control",
                 "bp3-switch",
-                props.disabled.then_some("bp3-disabled"),
-                props.inline.then_some("bp3-inline"),
-                props.large.then_some("bp3-large"),
-                props.class.clone(),
-                if props.align_right {
+                disabled.then_some("bp3-disabled"),
+                inline.then_some("bp3-inline"),
+                large.then_some("bp3-large"),
+                if *align_right {
                     "bp3-align-right"
                 } else {
                     "bp3-align-left"
                 },
+                class.clone(),
             )}
         >
         <input
             type="checkbox"
-            checked={props.checked}
-            onclick={props.onclick.clone()}
-            disabled={props.disabled}
+            checked={*checked}
+            {onclick}
+            disabled={*disabled}
         />
         <span
             class={classes!("bp3-control-indicator")}
         >
             {display_label}
         </span>
-        {props.label.clone()}
+        {label.clone()}
         </label>
     }
 }
diff --git a/src/tabs.rs b/src/tabs.rs
index 83bce3b..1977ebf 100644
--- a/src/tabs.rs
+++ b/src/tabs.rs
@@ -1,22 +1,23 @@
+use implicit_clone::{unsync::IArray, ImplicitClone};
 use std::collections::{hash_map::DefaultHasher, HashMap};
 use std::hash::{Hash, Hasher};
 use std::marker::PhantomData;
 use web_sys::HtmlElement;
 use yew::prelude::*;
 
-pub struct Tabs<T: Clone + PartialEq + Hash + 'static> {
+pub struct Tabs<T: ImplicitClone + PartialEq + Hash + 'static> {
     tab_refs: HashMap<u64, NodeRef>,
     indicator_ref: NodeRef,
     phantom: PhantomData<T>,
 }
 
 #[derive(Clone, PartialEq, Properties)]
-pub struct TabsProps<T: Clone + PartialEq> {
+pub struct TabsProps<T: ImplicitClone + PartialEq + 'static> {
     #[prop_or_default]
     pub animate: bool,
     #[prop_or_default]
     pub default_selected_tab_id: Option<T>,
-    pub id: String,
+    pub id: AttrValue,
     #[prop_or_default]
     pub large: bool,
     #[prop_or_default]
@@ -28,10 +29,10 @@ pub struct TabsProps<T: Clone + PartialEq> {
     pub onchange: Callback<T>,
     #[prop_or_default]
     pub class: Classes,
-    pub tabs: Vec<Tab<T>>,
+    pub tabs: IArray<Tab<T>>,
 }
 
-impl<T: Clone + PartialEq + Hash + 'static> Component for Tabs<T> {
+impl<T: ImplicitClone + PartialEq + Hash + 'static> Component for Tabs<T> {
     type Message = ();
     type Properties = TabsProps<T>;
 
@@ -194,3 +195,5 @@ pub struct Tab<T> {
     pub title_class: Classes,
     pub panel_class: Classes,
 }
+
+impl<T: ImplicitClone> ImplicitClone for Tab<T> {}
diff --git a/src/tag.rs b/src/tag.rs
index 842ace0..cf8a09e 100644
--- a/src/tag.rs
+++ b/src/tag.rs
@@ -5,7 +5,7 @@ use yew::virtual_dom::AttrValue;
 #[derive(Clone, PartialEq, Properties)]
 pub struct TagProps {
     #[prop_or_default]
-    pub children: html::Children,
+    pub children: Children,
     #[prop_or_default]
     // FIXME Not clear that this field has any effect without `interactive` on.
     pub active: bool,
@@ -40,25 +40,44 @@ pub struct TagProps {
 }
 
 #[function_component(Tag)]
-pub fn tag(props: &TagProps) -> Html {
-    let icon = props.icon.map(|icon| {
+pub fn tag(
+    TagProps {
+        children,
+        active,
+        fill,
+        icon,
+        intent,
+        interactive,
+        large,
+        minimal,
+        multiline,
+        onclick,
+        onremove,
+        right_icon,
+        round,
+        title,
+        class,
+        style,
+    }: &TagProps,
+) -> Html {
+    let icon = icon.map(|icon| {
         html! {
-            <Icon icon={icon} />
+            <Icon {icon} />
         }
     });
 
-    let right_icon = props.right_icon.map(|icon| {
+    let right_icon = right_icon.map(|icon| {
         html! {
-            <Icon icon={icon} />
+            <Icon {icon} />
         }
     });
 
-    let remove_button = props.onremove.clone().map(|callback| {
+    let remove_button = onremove.clone().map(|onclick| {
         html! {
             <button
                 class={classes!("bp3-tag-remove")}
-                onclick={callback}
-                tabindex={props.interactive.then_some("0")}
+                {onclick}
+                tabindex={interactive.then_some("0")}
             >
                 <Icon icon={IconName::SmallCross} />
             </button>
@@ -69,29 +88,29 @@ pub fn tag(props: &TagProps) -> Html {
         <span
             class={classes!(
                 "bp3-tag",
-                props.intent,
-                props.active.then_some("bp3-active"),
-                props.fill.then_some("bp3-fill"),
-                props.interactive.then_some("bp3-interactive"),
-                props.large.then_some("bp3-large"),
-                props.minimal.then_some("bp3-minimal"),
-                props.round.then_some("bp3-round"),
-                props.class.clone(),
+                intent,
+                active.then_some("bp3-active"),
+                fill.then_some("bp3-fill"),
+                interactive.then_some("bp3-interactive"),
+                large.then_some("bp3-large"),
+                minimal.then_some("bp3-minimal"),
+                round.then_some("bp3-round"),
+                class.clone(),
             )}
-            style={props.style.clone()}
-            onclick={props.onclick.clone()}
+            {style}
+            {onclick}
         >
-            {icon.unwrap_or_default()}
+            {icon}
             <Text
                 class={classes!("bp3-fill")}
-                ellipsize={!props.multiline}
-                title={props.title.clone()}
+                ellipsize={!multiline}
+                {title}
                 inline=true
             >
-                {props.children.clone()}
+                {children.clone()}
             </Text>
-            {right_icon.unwrap_or_default()}
-            {remove_button.unwrap_or_default()}
+            {right_icon}
+            {remove_button}
         </span>
     }
 }
diff --git a/src/text.rs b/src/text.rs
index 7b0b551..bfbef92 100644
--- a/src/text.rs
+++ b/src/text.rs
@@ -19,17 +19,26 @@ pub struct TextProps {
 }
 
 #[function_component(Text)]
-pub fn text(props: &TextProps) -> Html {
+pub fn text(
+    TextProps {
+        ellipsize,
+        children,
+        class,
+        inline,
+        title,
+        style,
+    }: &TextProps,
+) -> Html {
     html! {
-        <@{if props.inline { "span" } else { "div"}}
+        <@{if *inline { "span" } else { "div"}}
             class={classes!(
-                props.class.clone(),
-                props.ellipsize.then_some("bp3-text-overflow-ellipsis"),
+                ellipsize.then_some("bp3-text-overflow-ellipsis"),
+                class.clone(),
             )}
-            style={props.style.clone()}
-            title={props.title.clone()}
+            {style}
+            {title}
         >
-            {props.children.clone()}
+            {children.clone()}
         </@>
     }
 }
diff --git a/src/text_area.rs b/src/text_area.rs
index 8a069ba..666d5d9 100644
--- a/src/text_area.rs
+++ b/src/text_area.rs
@@ -7,10 +7,9 @@ pub struct TextAreaProps {
     pub class: Classes,
     #[prop_or_default]
     pub fill: bool,
+    //TODO pub grow_vertically: bool,
     #[prop_or_default]
-    pub grow_vertically: bool,
-    #[prop_or_default]
-    pub input_ref: NodeRef,
+    pub r#ref: NodeRef,
     #[prop_or_default]
     pub intent: Option<Intent>,
     #[prop_or_default]
@@ -18,23 +17,33 @@ pub struct TextAreaProps {
     #[prop_or_default]
     pub small: bool,
     #[prop_or_default]
-    pub onchange: Option<Callback<Event>>,
+    pub onchange: Callback<Event>,
 }
 
 #[function_component(TextArea)]
-pub fn text_area(props: &TextAreaProps) -> Html {
-    let classes = classes!(
-        "bp3-input",
-        props.intent,
-        props.class.clone(),
-        props.fill.then_some("bp3-fill"),
-        props.small.then_some("bp3-small"),
-        props.large.then_some("bp3-large"),
-    );
+pub fn text_area(
+    TextAreaProps {
+        class,
+        fill,
+        r#ref,
+        intent,
+        large,
+        small,
+        onchange,
+    }: &TextAreaProps,
+) -> Html {
     html! {
         <textarea
-            class={classes}
-            onchange={props.onchange.clone()}
+            class={classes!(
+                "bp3-input",
+                intent,
+                fill.then_some("bp3-fill"),
+                small.then_some("bp3-small"),
+                large.then_some("bp3-large"),
+                class.clone(),
+            )}
+            ref={r#ref}
+            {onchange}
         />
     }
 }
diff --git a/src/tree.rs b/src/tree.rs
index 2ea65a1..a455b0a 100644
--- a/src/tree.rs
+++ b/src/tree.rs
@@ -1,6 +1,7 @@
 use crate::collapse::Collapse;
 use crate::icon::{Icon, IconName};
 use crate::Intent;
+use gloo::timers::callback::Timeout;
 use id_tree::*;
 use std::cell::{Ref, RefCell, RefMut};
 use std::collections::hash_map::DefaultHasher;
@@ -18,7 +19,7 @@ pub struct TreeData<T> {
 
 impl<T> PartialEq for TreeData<T> {
     fn eq(&self, other: &Self) -> bool {
-        self.version == other.version
+        Rc::ptr_eq(&self.tree, &other.tree) && self.version == other.version
     }
 }
 
@@ -66,12 +67,12 @@ pub struct NodeData<T> {
     pub disabled: bool,
     pub has_caret: bool,
     pub icon: Option<IconName>,
-    pub icon_color: Option<String>,
+    pub icon_color: Option<AttrValue>,
     pub icon_intent: Option<Intent>,
     pub is_expanded: bool,
     pub is_selected: bool,
-    pub label: yew::virtual_dom::VNode,
-    pub secondary_label: Option<yew::virtual_dom::VNode>,
+    pub label: Html,
+    pub secondary_label: Option<Html>,
     pub data: T,
 }
 
@@ -148,12 +149,7 @@ impl<T: Clone + PartialEq + 'static> Component for Tree<T> {
 
 // FIXME: The 'static bound here is probably wrong. Fix this at the end of PR.
 impl<T: 'static + Clone + PartialEq> Tree<T> {
-    fn render_children(
-        &self,
-        ctx: &Context<Self>,
-        node_id: &NodeId,
-        depth: u32,
-    ) -> yew::virtual_dom::VNode {
+    fn render_children(&self, ctx: &Context<Self>, node_id: &NodeId, depth: u32) -> Html {
         let tree = ctx.props().tree.borrow();
         let node = tree.get(node_id).unwrap();
         let children = node.children();
@@ -207,6 +203,8 @@ impl<T: 'static + Clone + PartialEq> Tree<T> {
 struct TreeNode {
     handler_caret_click: Callback<MouseEvent>,
     handler_click: Callback<MouseEvent>,
+    // NOTE: to prevent event bubbling, see https://github.com/yewstack/yew/issues/3041
+    callback_timeout: Option<Timeout>,
 }
 
 #[derive(Clone, Properties)]
@@ -215,16 +213,16 @@ struct TreeNodeProps {
     disabled: bool,
     has_caret: bool,
     icon: Option<IconName>,
-    icon_color: Option<String>,
+    icon_color: Option<AttrValue>,
     icon_intent: Option<Intent>,
     is_expanded: bool,
     is_selected: bool,
-    label: yew::virtual_dom::VNode,
-    secondary_label: Option<yew::virtual_dom::VNode>,
+    label: Html,
+    secondary_label: Option<Html>,
     on_collapse: Option<Callback<(NodeId, MouseEvent)>>,
     on_expand: Option<Callback<(NodeId, MouseEvent)>>,
     onclick: Option<Callback<(NodeId, MouseEvent)>>,
-    children: html::Children,
+    children: yew::Children,
     depth: u32,
 }
 
@@ -261,6 +259,7 @@ impl Component for TreeNode {
         TreeNode {
             handler_caret_click: ctx.link().callback(TreeNodeMessage::CaretClick),
             handler_click: ctx.link().callback(TreeNodeMessage::Click),
+            callback_timeout: None,
         }
     }
 
@@ -269,21 +268,20 @@ impl Component for TreeNode {
             return false;
         }
 
+        let node_id = ctx.props().node_id.clone();
         match msg {
             TreeNodeMessage::CaretClick(event) => {
                 if ctx.props().is_expanded {
-                    if let Some(on_collapse) = ctx.props().on_collapse.as_ref() {
-                        event.stop_propagation();
-                        on_collapse.emit((ctx.props().node_id.clone(), event));
+                    if let Some(on_collapse) = ctx.props().on_collapse.clone() {
+                        self.register_callback(on_collapse, (node_id, event));
                     }
-                } else if let Some(on_expand) = ctx.props().on_expand.as_ref() {
-                    event.stop_propagation();
-                    on_expand.emit((ctx.props().node_id.clone(), event));
+                } else if let Some(on_expand) = ctx.props().on_expand.clone() {
+                    self.register_callback(on_expand, (node_id, event));
                 }
             }
             TreeNodeMessage::Click(event) => {
-                if let Some(onclick) = ctx.props().onclick.as_ref() {
-                    onclick.emit((ctx.props().node_id.clone(), event));
+                if let Some(onclick) = ctx.props().onclick.clone() {
+                    self.register_callback(onclick, (node_id, event));
                 }
             }
         }
@@ -306,16 +304,16 @@ impl Component for TreeNode {
                 >
                     {
                         if ctx.props().has_caret {
-                            let mut class = Classes::from("bp3-tree-node-caret");
-                            class.push(if ctx.props().is_expanded {
-                                "bp3-tree-node-caret-open"
-                            } else {
-                                "bp3-tree-node-caret-closed"
-                            });
-
                             html! {
                                 <Icon
-                                    class={classes!(class.to_string())}
+                                    class={classes!(
+                                        "bp3-tree-node-caret",
+                                        if ctx.props().is_expanded {
+                                            "bp3-tree-node-caret-open"
+                                        } else {
+                                            "bp3-tree-node-caret-closed"
+                                        },
+                                    )}
                                     icon={IconName::ChevronRight}
                                     onclick={self.handler_caret_click.clone()}
                                 />
@@ -353,4 +351,17 @@ impl Component for TreeNode {
             </li>
         }
     }
+
+    fn rendered(&mut self, _ctx: &Context<Self>, _first_render: bool) {
+        self.callback_timeout.take();
+    }
+}
+
+impl TreeNode {
+    fn register_callback<IN: 'static>(&mut self, callback: Callback<IN>, value: IN) {
+        if self.callback_timeout.is_none() {
+            self.callback_timeout
+                .replace(Timeout::new(0, move || callback.emit(value)));
+        }
+    }
 }
diff --git a/xtask/Cargo.toml b/xtask/Cargo.toml
index 0e5cea6..bae8508 100644
--- a/xtask/Cargo.toml
+++ b/xtask/Cargo.toml
@@ -6,7 +6,7 @@ edition = "2021"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-env_logger = "0.9"
+env_logger = "0.10"
 log = "0.4"
-xtask-wasm = "0.1.3"
+xtask-wasm = "0.1.9"
 yewprint-css = { path = "../yewprint-css" }
diff --git a/yewprint-css/Cargo.toml b/yewprint-css/Cargo.toml
index fac5f6e..17de26e 100644
--- a/yewprint-css/Cargo.toml
+++ b/yewprint-css/Cargo.toml
@@ -19,4 +19,4 @@ flate2 = "1"
 log = "0.4"
 serde = { version = "1", features = ["derive"] }
 tar = "0.4"
-ureq = { version = "2.4", features = ["json"] }
+ureq = { version = "2.5", features = ["json"] }
diff --git a/yewprint-doc/Cargo.toml b/yewprint-doc/Cargo.toml
index 3da26e0..5b0699c 100644
--- a/yewprint-doc/Cargo.toml
+++ b/yewprint-doc/Cargo.toml
@@ -14,8 +14,9 @@ crate-type = ["cdylib"]
 # logging them with `console.error`. This is great for development, but requires
 # all the `std::fmt` and `std::panicking` infrastructure, so isn't great for
 # code size when deploying.
-console_error_panic_hook = { version = "0.1.6", optional = true }
-gloo = "0.6"
+console_error_panic_hook = { version = "0.1.7", optional = true }
+gloo = "0.8"
+implicit-clone = "0.3.3"
 once_cell = "1.16"
 wasm-bindgen = "0.2"
 web-sys = { version = "0.3", features = ["Window", "MediaQueryList", "Event", "HtmlInputElement"] }
@@ -25,13 +26,13 @@ web-sys = { version = "0.3", features = ["Window", "MediaQueryList", "Event", "H
 #
 # Unfortunately, `wee_alloc` requires nightly Rust when targeting wasm for now.
 wee_alloc = { version = "0.4.5", optional = true }
-yew = "0.19"
-yew-router = "0.16"
+yew = { version = "0.20", features = ["csr"] }
+yew-router = "0.17"
 yewprint = { path = ".." }
 
 [build-dependencies]
 build-data = "0.1.3"
-syntect = "4.4.0"
+syntect = "0.5.0"
 
 [dev-dependencies]
-ureq = "2.4"
+ureq = "2.5"
diff --git a/yewprint-doc/build.rs b/yewprint-doc/build.rs
index 081cba8..9cee774 100644
--- a/yewprint-doc/build.rs
+++ b/yewprint-doc/build.rs
@@ -34,7 +34,7 @@ fn main() {
                     .join(&path)
                     .with_file_name("mod.rs.html");
                 let src =
-                    syntect::html::highlighted_html_for_file(&path, syntax_set, theme).unwrap();
+                    syntect::html::highlighted_snippet_for_file(&path, syntax_set, theme).unwrap();
 
                 let _ = std::fs::create_dir_all(dest_path.parent().unwrap());
                 fs::write(&dest_path, src.trim_end()).unwrap();
diff --git a/yewprint-doc/src/app.rs b/yewprint-doc/src/app.rs
index 03d7f3d..16961db 100644
--- a/yewprint-doc/src/app.rs
+++ b/yewprint-doc/src/app.rs
@@ -62,8 +62,8 @@ impl Component for App {
             Msg::ToggleLight => self.dark_theme ^= true,
             Msg::GoToMenu(event, doc_menu) => {
                 event.prevent_default();
-                if let Some(history) = ctx.link().history() {
-                    history.push(doc_menu);
+                if let Some(navigator) = ctx.link().navigator() {
+                    navigator.push(&doc_menu);
                 } else {
                     gloo::console::warn!("Could not get history from Context");
                 }
@@ -284,7 +284,7 @@ impl Component for App {
                     {{ navigation }}
                     <main class={classes!("docs-content-wrapper")} role="main">
                         <div class={classes!("docs-page")}>
-                                <Switch<DocMenu> render={Switch::render(switch)} />
+                                <Switch<DocMenu> render={switch} />
                         </div>
                     </main>
                 </div>
@@ -293,7 +293,7 @@ impl Component for App {
     }
 }
 
-fn switch(route: &DocMenu) -> Html {
+fn switch(route: DocMenu) -> Html {
     match route {
         DocMenu::Button | DocMenu::Home => html! (<ButtonDoc />),
         DocMenu::ButtonGroup => html! (<ButtonGroupDoc />),
diff --git a/yewprint-doc/src/buttons/example.rs b/yewprint-doc/src/buttons/example.rs
index a459c40..c25fc46 100644
--- a/yewprint-doc/src/buttons/example.rs
+++ b/yewprint-doc/src/buttons/example.rs
@@ -1,5 +1,5 @@
 use yew::prelude::*;
-use yewprint::Button;
+use yewprint::{Button, Intent};
 
 pub struct Example {
     counter: i64,
@@ -15,6 +15,7 @@ pub struct ExampleProps {
     pub large: bool,
     pub active: bool,
     pub disabled: bool,
+    pub intent: Option<Intent>,
 }
 
 pub enum Msg {
@@ -37,20 +38,33 @@ impl Component for Example {
     }
 
     fn view(&self, ctx: &Context<Self>) -> Html {
+        let Self::Properties {
+            minimal,
+            fill,
+            small,
+            outlined,
+            loading,
+            large,
+            active,
+            disabled,
+            intent,
+        } = &ctx.props();
+
         html! {
             <div>
                 <p>{"Counter: "}{self.counter}</p>
                 <div>
                     <Button
                         onclick={ctx.link().callback(|_| Msg::AddOne)}
-                        minimal={ctx.props().minimal}
-                        fill={ctx.props().fill}
-                        small={ctx.props().small}
-                        outlined={ctx.props().outlined}
-                        loading={ctx.props().loading}
-                        large={ctx.props().large}
-                        active={ctx.props().active}
-                        disabled={ctx.props().disabled}
+                        {minimal}
+                        {fill}
+                        {small}
+                        {outlined}
+                        {loading}
+                        {large}
+                        {active}
+                        {disabled}
+                        {intent}
                     >
                         {"Add 1"}
                     </Button>
diff --git a/yewprint-doc/src/buttons/mod.rs b/yewprint-doc/src/buttons/mod.rs
index e797fda..c9bf078 100644
--- a/yewprint-doc/src/buttons/mod.rs
+++ b/yewprint-doc/src/buttons/mod.rs
@@ -2,8 +2,9 @@ mod example;
 
 use crate::ExampleContainer;
 use example::*;
+use implicit_clone::unsync::IArray;
 use yew::prelude::*;
-use yewprint::{Switch, H1, H5};
+use yewprint::{HtmlSelect, Intent, Switch, H1, H5};
 
 pub struct ButtonDoc {
     callback: Callback<ExampleProps>,
@@ -26,6 +27,7 @@ impl Component for ButtonDoc {
                 large: false,
                 active: false,
                 disabled: false,
+                intent: None,
             },
         }
     }
@@ -136,6 +138,20 @@ crate::build_example_prop_component! {
                         checked={ctx.props().example_props.disabled}
                         label={html!("Disabled")}
                     />
+                    <HtmlSelect<Option<Intent>>
+                        options={[
+                            (None, "None".into()),
+                            (Some(Intent::Primary), "Primary".into()),
+                            (Some(Intent::Success), "Success".into()),
+                            (Some(Intent::Warning), "Warning".into()),
+                            (Some(Intent::Danger), "Danger".into()),
+                        ].into_iter().collect::<IArray<_>>()}
+                        onchange={self.update_props(ctx, |props, intent| ExampleProps {
+                            intent,
+                            ..props
+                        })}
+                        value={ctx.props().example_props.intent}
+                    />
                 </div>
             }
         }
diff --git a/yewprint-doc/src/callout/example.rs b/yewprint-doc/src/callout/example.rs
index eba5c57..8e1ca81 100644
--- a/yewprint-doc/src/callout/example.rs
+++ b/yewprint-doc/src/callout/example.rs
@@ -9,12 +9,18 @@ pub struct ExampleProps {
 }
 
 #[function_component(Example)]
-pub fn example(props: &ExampleProps) -> Html {
+pub fn example(
+    ExampleProps {
+        intent,
+        show_icon,
+        show_title,
+    }: &ExampleProps,
+) -> Html {
     html! {
         <Callout
-            title={props.show_title.then_some("Visually important content")}
-            without_icon={!props.show_icon}
-            intent={props.intent}
+            title={show_title.then_some("Visually important content")}
+            without_icon={!show_icon}
+            {intent}
         >
             <p>{"The Callout element's background reflects its intent, if any."}</p>
         </Callout>
diff --git a/yewprint-doc/src/callout/mod.rs b/yewprint-doc/src/callout/mod.rs
index 8389507..ce44c5b 100644
--- a/yewprint-doc/src/callout/mod.rs
+++ b/yewprint-doc/src/callout/mod.rs
@@ -2,6 +2,7 @@ mod example;
 
 use crate::ExampleContainer;
 use example::*;
+use implicit_clone::unsync::IArray;
 use yew::prelude::*;
 use yewprint::{HtmlSelect, Intent, Switch, H1, H5};
 
@@ -82,17 +83,18 @@ crate::build_example_prop_component! {
                         />
                         <p>{"Select intent:"}</p>
                         <HtmlSelect<Option<Intent>>
-                            options={vec![
-                                (None, "None".to_string()),
-                                (Some(Intent::Primary), "Primary".to_string()),
-                                (Some(Intent::Success), "Success".to_string()),
-                                (Some(Intent::Warning), "Warning".to_string()),
-                                (Some(Intent::Danger), "Danger".to_string()),
-                            ]}
+                            options={[
+                                (None, "None".into()),
+                                (Some(Intent::Primary), "Primary".into()),
+                                (Some(Intent::Success), "Success".into()),
+                                (Some(Intent::Warning), "Warning".into()),
+                                (Some(Intent::Danger), "Danger".into()),
+                            ].into_iter().collect::<IArray<_>>()}
                             onchange={self.update_props(ctx, |props, intent| ExampleProps {
                                 intent,
                                 ..props
                             })}
+                            value={ctx.props().example_props.intent}
                         />
                     </div>
                 </div>
diff --git a/yewprint-doc/src/card/mod.rs b/yewprint-doc/src/card/mod.rs
index 5477d20..34f4a4c 100644
--- a/yewprint-doc/src/card/mod.rs
+++ b/yewprint-doc/src/card/mod.rs
@@ -2,6 +2,7 @@ mod example;
 
 use crate::ExampleContainer;
 use example::*;
+use implicit_clone::unsync::IArray;
 use yew::prelude::*;
 use yewprint::{Elevation, HtmlSelect, Switch, H1, H5};
 
@@ -73,13 +74,13 @@ crate::build_example_prop_component! {
                         />
                         <p>{"Elevation:"}</p>
                         <HtmlSelect<Elevation>
-                            options={vec![
-                                (Elevation::Level0, "Level 0".to_string()),
-                                (Elevation::Level1, "Level 1".to_string()),
-                                (Elevation::Level2, "Level 2".to_string()),
-                                (Elevation::Level3, "Level 3".to_string()),
-                                (Elevation::Level4, "Level 4".to_string()),
-                            ]}
+                            options={[
+                                (Elevation::Level0, "Level 0".into()),
+                                (Elevation::Level1, "Level 1".into()),
+                                (Elevation::Level2, "Level 2".into()),
+                                (Elevation::Level3, "Level 3".into()),
+                                (Elevation::Level4, "Level 4".into()),
+                            ].into_iter().collect::<IArray<_>>()}
                             value={ctx.props().example_props.elevation}
                             onchange={self.update_props(ctx, |props, elevation| ExampleProps {
                                 elevation,
diff --git a/yewprint-doc/src/control_group/example.rs b/yewprint-doc/src/control_group/example.rs
index 6cad771..4691a46 100644
--- a/yewprint-doc/src/control_group/example.rs
+++ b/yewprint-doc/src/control_group/example.rs
@@ -1,3 +1,4 @@
+use implicit_clone::{unsync::IArray, ImplicitClone};
 use yew::prelude::*;
 use yewprint::{Button, ControlGroup, HtmlSelect, IconName, InputGroup};
 
@@ -8,20 +9,20 @@ pub struct ExampleProps {
 }
 
 #[function_component(Example)]
-pub fn example(props: &ExampleProps) -> Html {
+pub fn example(ExampleProps { fill, vertical }: &ExampleProps) -> Html {
     html! {
         <ControlGroup
-            fill={props.fill}
-            vertical={props.vertical}
+            {fill}
+            {vertical}
         >
             <HtmlSelect<Option<Sorting>>
-                options={vec![
-                    (None, "Filter".to_string()),
-                    (Some(Sorting::NameAscending), "Name - ascending".to_string()),
-                    (Some(Sorting::NameDescending), "Name - descending".to_string()),
-                    (Some(Sorting::PriceAscending), "Price - ascending".to_string()),
-                    (Some(Sorting::PriceDescending), "Price - descending".to_string()),
-                ]}
+                options={[
+                    (None, "Filter".into()),
+                    (Some(Sorting::NameAscending), "Name - ascending".into()),
+                    (Some(Sorting::NameDescending), "Name - descending".into()),
+                    (Some(Sorting::PriceAscending), "Price - ascending".into()),
+                    (Some(Sorting::PriceDescending), "Price - descending".into()),
+                ].into_iter().collect::<IArray<_>>()}
             />
             <InputGroup placeholder="Find filters..." />
             <Button icon={IconName::ArrowRight} />
@@ -36,3 +37,5 @@ pub enum Sorting {
     PriceAscending,
     PriceDescending,
 }
+
+impl ImplicitClone for Sorting {}
diff --git a/yewprint-doc/src/example.rs b/yewprint-doc/src/example.rs
index cf6b2bc..a059b06 100644
--- a/yewprint-doc/src/example.rs
+++ b/yewprint-doc/src/example.rs
@@ -11,10 +11,10 @@ pub enum Msg {
 
 #[derive(Clone, PartialEq, Properties)]
 pub struct ExampleContainerProps {
-    pub source: yew::virtual_dom::VNode,
-    pub children: html::Children,
+    pub source: Html,
+    pub children: Children,
     #[prop_or_default]
-    pub props: Option<yew::virtual_dom::VNode>,
+    pub props: Option<Html>,
 }
 
 impl Component for ExampleContainer {
diff --git a/yewprint-doc/src/html_select/example.rs b/yewprint-doc/src/html_select/example.rs
index 4d7e4dd..21edaa3 100644
--- a/yewprint-doc/src/html_select/example.rs
+++ b/yewprint-doc/src/html_select/example.rs
@@ -1,3 +1,4 @@
+use implicit_clone::{unsync::IArray, ImplicitClone};
 use yew::prelude::*;
 use yewprint::{HtmlSelect, Text};
 
@@ -31,7 +32,7 @@ impl Component for Example {
         true
     }
 
-    fn changed(&mut self, ctx: &Context<Self>) -> bool {
+    fn changed(&mut self, ctx: &Context<Self>, _old_props: &Self::Properties) -> bool {
         if self.reset != ctx.props().reset {
             self.reset = ctx.props().reset;
             self.log_level = LogLevel::Info;
@@ -43,14 +44,14 @@ impl Component for Example {
         html! {
             <div style="width: 400px; text-align: center;">
                 <HtmlSelect<LogLevel>
-                    options={vec![
-                        (LogLevel::Trace, "TRACE".to_string()),
-                        (LogLevel::Debug, "DEBUG".to_string()),
-                        (LogLevel::Info, "INFO".to_string()),
-                        (LogLevel::Warn, "WARN".to_string()),
-                        (LogLevel::Error, "ERROR".to_string()),
-                        (LogLevel::Off, "OFF".to_string()),
-                    ]}
+                    options={[
+                        (LogLevel::Trace, "TRACE".into()),
+                        (LogLevel::Debug, "DEBUG".into()),
+                        (LogLevel::Info, "INFO".into()),
+                        (LogLevel::Warn, "WARN".into()),
+                        (LogLevel::Error, "ERROR".into()),
+                        (LogLevel::Off, "OFF".into()),
+                    ].into_iter().collect::<IArray<_>>()}
                     minimal={ctx.props().minimal}
                     fill={ctx.props().fill}
                     disabled={ctx.props().disabled}
@@ -74,3 +75,5 @@ pub enum LogLevel {
     Error,
     Off,
 }
+
+impl ImplicitClone for LogLevel {}
diff --git a/yewprint-doc/src/icon/mod.rs b/yewprint-doc/src/icon/mod.rs
index df9cf39..f7327cb 100644
--- a/yewprint-doc/src/icon/mod.rs
+++ b/yewprint-doc/src/icon/mod.rs
@@ -2,8 +2,8 @@ mod example;
 
 use crate::ExampleContainer;
 use example::*;
+use implicit_clone::unsync::IArray;
 use once_cell::sync::Lazy;
-use std::borrow::Cow;
 use web_sys::HtmlInputElement;
 use yew::prelude::*;
 use yewprint::{HtmlSelect, Icon, IconName, InputGroup, Intent, Slider, Text, H1, H5};
@@ -58,21 +58,24 @@ impl Component for IconDoc {
             "bp3-code-block"
         );
 
-        let search_string = &self.search_string.to_lowercase();
+        let search_string = self.search_string.to_lowercase();
         let icon_list = ICON_LIST
             .iter()
             .filter_map(|(icon_name, icon)| {
-                icon_name.contains(search_string).then_some(*icon).map(|x| {
-                    html! {
-                        <div class={classes!("docs-icon-list-item")}>
-                            <Icon
-                                icon={x}
-                                icon_size=20
-                            />
-                            <Text>{format!("{:?}", x)}</Text>
-                        </div>
-                    }
-                })
+                icon_name
+                    .contains(&search_string)
+                    .then_some(*icon)
+                    .map(|icon| {
+                        html! {
+                            <div class={classes!("docs-icon-list-item")}>
+                                <Icon
+                                    {icon}
+                                    icon_size=20
+                                />
+                                <Text>{format!("{:?}", icon)}</Text>
+                            </div>
+                        }
+                    })
             })
             .collect::<Html>();
 
@@ -101,7 +104,7 @@ impl Component for IconDoc {
                         value={self.search_string.clone()}
                         oninput={ctx.link().callback(|e: InputEvent| {
                             let value = e.target_unchecked_into::<HtmlInputElement>().value();
-                            IconDocMsg::SearchIcon(value)
+                            IconDocMsg::SearchIcon(value.into())
                         })}
                     />
                 </div>
@@ -118,7 +121,7 @@ crate::build_example_prop_component! {
         fn view(&self, ctx: &Context<Self>) -> Html {
             let option_labels = (0..=100)
                 .map(|x| (x, (x % 20 == 0).then(|| format!("{}", x).into())))
-                .collect::<Vec<_>>();
+                .collect::<IArray<_>>();
 
             html! {
                 <div>
@@ -153,13 +156,13 @@ crate::build_example_prop_component! {
                             {"Select intent:"}
                         </p>
                         <HtmlSelect<Option<Intent>>
-                            options={vec![
-                                (None, "None".to_string()),
-                                (Some(Intent::Primary), "Primary".to_string()),
-                                (Some(Intent::Success), "Success".to_string()),
-                                (Some(Intent::Warning), "Warning".to_string()),
-                                (Some(Intent::Danger), "Danger".to_string()),
-                            ]}
+                            options={[
+                                (None, "None".into()),
+                                (Some(Intent::Primary), "Primary".into()),
+                                (Some(Intent::Success), "Success".into()),
+                                (Some(Intent::Warning), "Warning".into()),
+                                (Some(Intent::Danger), "Danger".into()),
+                            ].into_iter().collect::<IArray<_>>()}
                             value={self.example_props.intent}
                             onchange={self.update_props(ctx, |props, intent| ExampleProps {
                                 intent,
@@ -179,7 +182,7 @@ crate::build_example_prop_component! {
                                 ..props
                             })}
                             value_label={
-                                Cow::Owned(format!("{}", ctx.props().example_props.icon_size))
+                                format!("{}", ctx.props().example_props.icon_size)
                             }
                         />
                     </div>
diff --git a/yewprint-doc/src/input_group/example.rs b/yewprint-doc/src/input_group/example.rs
index 031f1e1..a92612d 100644
--- a/yewprint-doc/src/input_group/example.rs
+++ b/yewprint-doc/src/input_group/example.rs
@@ -97,7 +97,7 @@ impl Component for Example {
                     value={self.histogram_value.clone()}
                     oninput={ctx.link().callback(|e: InputEvent| {
                         let value = e.target_unchecked_into::<HtmlInputElement>().value();
-                        Msg::UpdateHistogram(value)
+                        Msg::UpdateHistogram(value.into())
                     })}
                     onkeydown={ctx.link().callback(|e: KeyboardEvent| {
                         if e.key() == "Enter" { Msg::AddHistogramEntry } else { Msg::Noop }
@@ -114,7 +114,7 @@ impl Component for Example {
                     value={self.password_value.clone()}
                     oninput={ctx.link().callback(|e: InputEvent| {
                         let value = e.target_unchecked_into::<HtmlInputElement>().value();
-                        Msg::UpdatePassword(value)
+                        Msg::UpdatePassword(value.into())
                     })}
                     onkeydown={ctx.link().callback(|e: KeyboardEvent| {
                         if e.key() == "Enter" { Msg::AddPasswordEntry } else { Msg::Noop }
@@ -138,7 +138,7 @@ impl Component for Example {
                     value={self.tags_value.clone()}
                     oninput={ctx.link().callback(|e: InputEvent| {
                         let value = e.target_unchecked_into::<HtmlInputElement>().value();
-                        Msg::UpdateTags(value)
+                        Msg::UpdateTags(value.into())
                     })}
                     onkeydown={ctx.link().callback(|e: KeyboardEvent| {
                         if e.key() == "Enter" { Msg::AddTagsEntry } else { Msg::Noop }
diff --git a/yewprint-doc/src/lib.rs b/yewprint-doc/src/lib.rs
index fdaf0b6..e4e5936 100644
--- a/yewprint-doc/src/lib.rs
+++ b/yewprint-doc/src/lib.rs
@@ -42,7 +42,7 @@ pub use logo::*;
 #[macro_export]
 macro_rules! include_raw_html {
     ($file:expr $(, $class:expr)?) => {{
-        yew::virtual_dom::VNode::VRef(web_sys::Node::from({
+        Html::VRef(web_sys::Node::from({
             let div = web_sys::window()
                 .unwrap()
                 .document()
@@ -136,7 +136,8 @@ static ALLOC: wee_alloc::WeeAlloc = wee_alloc::WeeAlloc::INIT;
 pub fn run_app() -> Result<(), wasm_bindgen::JsValue> {
     #[cfg(feature = "console_error_panic_hook")]
     console_error_panic_hook::set_once();
-    yew::start_app::<app::AppRoot>();
+
+    yew::Renderer::<app::AppRoot>::new().render();
 
     Ok(())
 }
diff --git a/yewprint-doc/src/numeric_input/example.rs b/yewprint-doc/src/numeric_input/example.rs
index 8012f14..4b9ec5f 100644
--- a/yewprint-doc/src/numeric_input/example.rs
+++ b/yewprint-doc/src/numeric_input/example.rs
@@ -14,6 +14,7 @@ pub struct ExampleProps {
     pub disable_buttons: bool,
     pub buttons_on_the_left: bool,
     pub left_icon: bool,
+    pub intent: Option<Intent>,
 }
 
 pub enum Msg {
@@ -50,32 +51,45 @@ impl Component for Example {
     }
 
     fn view(&self, ctx: &Context<Self>) -> Html {
+        let Self::Properties {
+            fill,
+            disabled,
+            large,
+            disable_buttons,
+            buttons_on_the_left,
+            left_icon,
+            intent,
+        } = &ctx.props();
+
         html! {
             <>
             <NumericInput<i32>
-                disabled={ctx.props().disabled}
-                fill={ctx.props().large}
+                {disabled}
+                {fill}
+                {large}
                 value={self.value}
                 bounds={-105..}
                 increment=10
                 placeholder={String::from("Greater or equal to -105...")}
                 onchange={ctx.link().callback(|x| Msg::UpdateValue(x))}
-                disable_buttons={ctx.props().disable_buttons}
-                buttons_on_the_left={ctx.props().buttons_on_the_left}
-                left_icon={ctx.props().left_icon.then_some(IconName::Dollar)}
+                {disable_buttons}
+                {buttons_on_the_left}
+                left_icon={left_icon.then_some(IconName::Dollar)}
+                {intent}
             />
             <NumericInput<i32>
-                disabled={ctx.props().disabled}
-                fill={ctx.props().fill}
-                large={ctx.props().large}
+                {disabled}
+                {fill}
+                {large}
                 value={self.value_two}
                 bounds={-10..=10}
                 increment=1
                 placeholder={String::from("Integer between -10 and 10")}
                 onchange={ctx.link().callback(|x| Msg::UpdateValueTwo(x))}
-                disable_buttons={ctx.props().disable_buttons}
-                buttons_on_the_left={ctx.props().buttons_on_the_left}
-                left_icon={ctx.props().left_icon.then_some(IconName::Dollar)}
+                {disable_buttons}
+                {buttons_on_the_left}
+                left_icon={left_icon.then_some(IconName::Dollar)}
+                {intent}
             />
             <Button
                 icon={IconName::Refresh}
@@ -84,8 +98,8 @@ impl Component for Example {
                 {"Reset at 4"}
             </Button>
             <Callout
-                title={"Selected values"}
-                intent={Intent::Primary}
+                title="Selected values"
+                {intent}
             >
                 <ul>
                     <li>{self.value}</li>
diff --git a/yewprint-doc/src/numeric_input/mod.rs b/yewprint-doc/src/numeric_input/mod.rs
index 29d7ec6..89a93f1 100644
--- a/yewprint-doc/src/numeric_input/mod.rs
+++ b/yewprint-doc/src/numeric_input/mod.rs
@@ -2,8 +2,9 @@ mod example;
 
 use crate::ExampleContainer;
 use example::*;
+use implicit_clone::unsync::IArray;
 use yew::prelude::*;
-use yewprint::{Switch, H1, H5};
+use yewprint::{HtmlSelect, Intent, Switch, H1, H5};
 
 pub struct NumericInputDoc {
     callback: Callback<ExampleProps>,
@@ -24,6 +25,7 @@ impl Component for NumericInputDoc {
                 disable_buttons: false,
                 buttons_on_the_left: false,
                 left_icon: false,
+                intent: None,
             },
         }
     }
@@ -116,6 +118,20 @@ crate::build_example_prop_component! {
                     checked={ctx.props().example_props.left_icon}
                     label={html!("Left icon")}
                 />
+                <HtmlSelect<Option<Intent>>
+                    options={[
+                        (None, "None".into()),
+                        (Some(Intent::Primary), "Primary".into()),
+                        (Some(Intent::Success), "Success".into()),
+                        (Some(Intent::Warning), "Warning".into()),
+                        (Some(Intent::Danger), "Danger".into()),
+                    ].into_iter().collect::<IArray<_>>()}
+                    onchange={self.update_props(ctx, |props, intent| ExampleProps {
+                        intent,
+                        ..props
+                    })}
+                    value={ctx.props().example_props.intent}
+                />
             </div>
         }
     }
diff --git a/yewprint-doc/src/progress_bar/mod.rs b/yewprint-doc/src/progress_bar/mod.rs
index 1ac6338..f2036bf 100644
--- a/yewprint-doc/src/progress_bar/mod.rs
+++ b/yewprint-doc/src/progress_bar/mod.rs
@@ -2,6 +2,7 @@ mod example;
 
 use crate::ExampleContainer;
 use example::*;
+use implicit_clone::unsync::IArray;
 use yew::prelude::*;
 use yewprint::{HtmlSelect, Intent, Switch, H1, H5};
 
@@ -82,13 +83,13 @@ crate::build_example_prop_component! {
                         />
                         <p>{"Select intent:"}</p>
                         <HtmlSelect<Option<Intent>>
-                            options={vec![
-                                (None, "None".to_string()),
-                                (Some(Intent::Primary), "Primary".to_string()),
-                                (Some(Intent::Success), "Success".to_string()),
-                                (Some(Intent::Warning), "Warning".to_string()),
-                                (Some(Intent::Danger), "Danger".to_string()),
-                            ]}
+                            options={[
+                                (None, "None".into()),
+                                (Some(Intent::Primary), "Primary".into()),
+                                (Some(Intent::Success), "Success".into()),
+                                (Some(Intent::Warning), "Warning".into()),
+                                (Some(Intent::Danger), "Danger".into()),
+                            ].into_iter().collect::<IArray<_>>()}
                             value={self.example_props.intent}
                             onchange={self.update_props(ctx, |props, intent| ExampleProps {
                                 intent,
diff --git a/yewprint-doc/src/radio/example.rs b/yewprint-doc/src/radio/example.rs
index 7ab4d84..e9efca0 100644
--- a/yewprint-doc/src/radio/example.rs
+++ b/yewprint-doc/src/radio/example.rs
@@ -1,3 +1,4 @@
+use implicit_clone::{unsync::IArray, ImplicitClone};
 use yew::prelude::*;
 use yewprint::{Label, Radio, RadioGroup};
 
@@ -61,11 +62,11 @@ impl Component for Example {
                                 {"Determine Lunch"}
                             </Label>
                         ))}
-                        options={vec![
-                            (Lunch::Soup, "Soup".to_string()),
-                            (Lunch::Salad, "Salad".to_string()),
-                            (Lunch::Sandwich, "Sandwich".to_string()),
-                        ]}
+                        options={[
+                            (Lunch::Soup, "Soup".into()),
+                            (Lunch::Salad, "Salad".into()),
+                            (Lunch::Sandwich, "Sandwich".into()),
+                        ].into_iter().collect::<IArray<_>>()}
                         value={self.selected_value}
                         onchange={ctx.link().callback(|v| Msg::ValueUpdate(v))}
                         inline={ctx.props().inline}
@@ -84,3 +85,5 @@ pub enum Lunch {
     Salad,
     Sandwich,
 }
+
+impl ImplicitClone for Lunch {}
diff --git a/yewprint-doc/src/slider/example.rs b/yewprint-doc/src/slider/example.rs
index 6b652a1..c42e599 100644
--- a/yewprint-doc/src/slider/example.rs
+++ b/yewprint-doc/src/slider/example.rs
@@ -1,4 +1,4 @@
-use std::borrow::Cow;
+use implicit_clone::{unsync::IArray, ImplicitClone};
 use yew::prelude::*;
 use yewprint::{Intent, Slider, Tag};
 
@@ -53,7 +53,7 @@ impl Component for Example {
         let percentage_labels = (0..=100)
             .step_by(1)
             .map(|x| (x, (x % 10 == 0).then(|| format!("{}%", x).into())))
-            .collect::<Vec<_>>();
+            .collect::<IArray<_>>();
 
         html! {
             <>
@@ -62,7 +62,7 @@ impl Component for Example {
                 >
                     <Slider<f64>
                         selected={self.float}
-                        values={vec![
+                        values={[
                             (0.0, Some("0".into())),
                             (0.1, None),
                             (0.2, None),
@@ -74,7 +74,7 @@ impl Component for Example {
                             (0.8, None),
                             (0.9, None),
                             (1.0, Some("1".into())),
-                        ]}
+                        ].into_iter().collect::<IArray<_>>()}
                         intent={ctx.props().intent}
                         onchange={ctx.link().callback(|x| Msg::FloatUpdate(x))}
                     />
@@ -90,24 +90,26 @@ impl Component for Example {
                     values={percentage_labels}
                     selected={self.integer}
                     intent={ctx.props().intent}
-                    value_label={Cow::Owned(format!("{}%", self.integer))}
+                    value_label={format!("{}%", self.integer)}
                     onchange={ctx.link().callback(|x| Msg::IntegerUpdate(x))}
                 />
                 <Slider<LogLevel>
-                    values={vec![
+                    values={[
                         (LogLevel::Off, Some("OFF".into())),
                         (LogLevel::Error, Some("ERROR".into())),
                         (LogLevel::Warn, Some("WARN".into())),
                         (LogLevel::Info, Some("INFO".into())),
                         (LogLevel::Debug, Some("DEBUG".into())),
                         (LogLevel::Trace, Some("TRACE".into())),
-                    ]}
+                    ].into_iter().collect::<IArray<_>>()}
                     intent={ctx.props().intent}
                     selected={self.log_level}
                     onchange={ctx.link().callback(|x| Msg::LogLevelUpdate(x))}
                 />
                 <Slider<()>
-                    values={vec![((), Some("Neo".into()))]}
+                    values={[
+                        ((), Some("Neo".into()))
+                    ].into_iter().collect::<IArray<_>>()}
                     intent={ctx.props().intent}
                     selected={()}
                     onchange={ctx.link().callback(|_| Msg::Noop)}
@@ -126,3 +128,5 @@ pub enum LogLevel {
     Error,
     Off,
 }
+
+impl ImplicitClone for LogLevel {}
diff --git a/yewprint-doc/src/slider/mod.rs b/yewprint-doc/src/slider/mod.rs
index b5ccda1..20000c3 100644
--- a/yewprint-doc/src/slider/mod.rs
+++ b/yewprint-doc/src/slider/mod.rs
@@ -2,6 +2,7 @@ mod example;
 
 use crate::ExampleContainer;
 use example::*;
+use implicit_clone::unsync::IArray;
 use yew::prelude::*;
 use yewprint::{HtmlSelect, Intent, Switch, H1, H2, H5};
 
@@ -119,17 +120,18 @@ crate::build_example_prop_component! {
                 />
                 <p>{"Select intent:"}</p>
                 <HtmlSelect<Option<Intent>>
-                    options={vec![
-                        (None, "None".to_string()),
-                        (Some(Intent::Primary), "Primary".to_string()),
-                        (Some(Intent::Success), "Success".to_string()),
-                        (Some(Intent::Warning), "Warning".to_string()),
-                        (Some(Intent::Danger), "Danger".to_string()),
-                    ]}
+                    options={[
+                        (None, "None".into()),
+                        (Some(Intent::Primary), "Primary".into()),
+                        (Some(Intent::Success), "Success".into()),
+                        (Some(Intent::Warning), "Warning".into()),
+                        (Some(Intent::Danger), "Danger".into()),
+                    ].into_iter().collect::<IArray<_>>()}
                     onchange={self.update_props(ctx, |props, intent| ExampleProps {
                         intent,
                         ..props
                     })}
+                    value={ctx.props().example_props.intent}
                 />
             </div>
         }
diff --git a/yewprint-doc/src/spinner/mod.rs b/yewprint-doc/src/spinner/mod.rs
index e7cceb6..ca766f6 100644
--- a/yewprint-doc/src/spinner/mod.rs
+++ b/yewprint-doc/src/spinner/mod.rs
@@ -2,6 +2,7 @@ mod example;
 
 use crate::ExampleContainer;
 use example::*;
+use implicit_clone::unsync::IArray;
 use yew::prelude::*;
 use yewprint::{HtmlSelect, Intent, Slider, H1, H5};
 
@@ -67,17 +68,18 @@ crate::build_example_prop_component! {
                 <div>
                     <p>{"Select intent:"}</p>
                     <HtmlSelect<Option<Intent>>
-                        options={vec![
-                            (None, "None".to_string()),
-                            (Some(Intent::Primary), "Primary".to_string()),
-                            (Some(Intent::Success), "Success".to_string()),
-                            (Some(Intent::Warning), "Warning".to_string()),
-                            (Some(Intent::Danger), "Danger".to_string()),
-                        ]}
+                        options={[
+                            (None, "None".into()),
+                            (Some(Intent::Primary), "Primary".into()),
+                            (Some(Intent::Success), "Success".into()),
+                            (Some(Intent::Warning), "Warning".into()),
+                            (Some(Intent::Danger), "Danger".into()),
+                        ].into_iter().collect::<IArray<_>>()}
                         onchange={self.update_props(ctx, |props, intent| ExampleProps {
                             intent,
                             ..props
                         })}
+                        value={ctx.props().example_props.intent}
                     />
                     <p
                         style="margin-top: 5px;"
@@ -86,7 +88,7 @@ crate::build_example_prop_component! {
                     </p>
                     <Slider<u32>
                         selected={ctx.props().example_props.size}
-                        values={vec![
+                        values={[
                             (10, Some("10".into())),
                             (20, None),
                             (30, None),
@@ -97,7 +99,7 @@ crate::build_example_prop_component! {
                             (80, None),
                             (90, None),
                             (100, Some("100".into())),
-                        ]}
+                        ].into_iter().collect::<IArray<_>>()}
                         onchange={self.update_props(ctx, |props, size| ExampleProps {
                             size,
                             ..props
diff --git a/yewprint-doc/src/tabs/example.rs b/yewprint-doc/src/tabs/example.rs
index 1a18ef3..eb49b3c 100644
--- a/yewprint-doc/src/tabs/example.rs
+++ b/yewprint-doc/src/tabs/example.rs
@@ -1,3 +1,4 @@
+use implicit_clone::{unsync::IArray, ImplicitClone};
 use yew::prelude::*;
 use yewprint::{Tab, Tabs};
 
@@ -39,7 +40,7 @@ impl Component for Example {
                     vertical={ctx.props().vertical}
                     selected_tab_id={self.selected}
                     onchange={ctx.link().callback(|x| x)}
-                    tabs={vec![
+                    tabs={[
                         Tab {
                             disabled: false,
                             id: Civilization::Sumer,
@@ -120,7 +121,7 @@ impl Component for Example {
                             panel_class: Classes::default(),
                             title_class: Classes::default(),
                         },
-                    ]}
+                    ].into_iter().collect::<IArray<_>>()}
                 />
             </div>
         }
@@ -134,3 +135,5 @@ pub enum Civilization {
     AncientEgypt,
     IndusValley,
 }
+
+impl ImplicitClone for Civilization {}
diff --git a/yewprint-doc/src/tag/example.rs b/yewprint-doc/src/tag/example.rs
index e61110c..6ec2882 100644
--- a/yewprint-doc/src/tag/example.rs
+++ b/yewprint-doc/src/tag/example.rs
@@ -1,3 +1,4 @@
+use implicit_clone::unsync::IArray;
 use yew::prelude::*;
 use yewprint::{IconName, Intent, Tag};
 
@@ -7,7 +8,7 @@ pub struct Example {
 
 #[derive(Clone, PartialEq, Properties)]
 pub struct ExampleProps {
-    pub initial_tags: Vec<String>,
+    pub initial_tags: IArray<AttrValue>,
     pub active: bool,
     pub fill: bool,
     pub icon: bool,
@@ -32,7 +33,12 @@ impl Component for Example {
     type Properties = ExampleProps;
 
     fn create(ctx: &Context<Self>) -> Self {
-        let tags = ctx.props().initial_tags.clone();
+        let tags = ctx
+            .props()
+            .initial_tags
+            .iter()
+            .map(|x| x.to_string())
+            .collect::<Vec<_>>();
         Example { tags }
     }
 
@@ -51,9 +57,14 @@ impl Component for Example {
         true
     }
 
-    fn changed(&mut self, ctx: &Context<Self>) -> bool {
+    fn changed(&mut self, ctx: &Context<Self>, _old_props: &Self::Properties) -> bool {
         if ctx.props().reset_tags != ctx.props().reset_tags {
-            self.tags = ctx.props().initial_tags.clone();
+            self.tags = ctx
+                .props()
+                .initial_tags
+                .iter()
+                .map(|x| x.to_string())
+                .collect::<Vec<_>>();
         }
         true
     }
diff --git a/yewprint-doc/src/tag/mod.rs b/yewprint-doc/src/tag/mod.rs
index acb5ec6..c56a20a 100644
--- a/yewprint-doc/src/tag/mod.rs
+++ b/yewprint-doc/src/tag/mod.rs
@@ -2,6 +2,7 @@ mod example;
 
 use crate::ExampleContainer;
 use example::*;
+use implicit_clone::unsync::{IArray, IString};
 use yew::prelude::*;
 use yewprint::{Button, ButtonGroup, HtmlSelect, IconName, Intent, Switch, H1, H5};
 
@@ -10,8 +11,8 @@ pub struct TagDoc {
     state: ExampleProps,
 }
 
-fn initial_tags() -> Vec<String> {
-    vec![
+fn initial_tags() -> IArray<AttrValue> {
+    [
         "Landscape".into(),
         "Bird".into(),
         "City".into(),
@@ -22,6 +23,8 @@ fn initial_tags() -> Vec<String> {
         too. Coming back to where you started is not the same as never leaving."
             .into(),
     ]
+    .into_iter()
+    .collect::<IArray<_>>()
 }
 
 impl Component for TagDoc {
@@ -173,17 +176,18 @@ crate::build_example_prop_component! {
                             vertical=true
                         >
                             <HtmlSelect<Option<Intent>>
-                                options={vec![
-                                    (None, "None".to_string()),
-                                    (Some(Intent::Primary), "Primary".to_string()),
-                                    (Some(Intent::Success), "Success".to_string()),
-                                    (Some(Intent::Warning), "Warning".to_string()),
-                                    (Some(Intent::Danger), "Danger".to_string()),
-                                ]}
+                                options={IArray::Static(&[
+                                    (None, IString::Static("None")),
+                                    (Some(Intent::Primary), IString::Static("Primary")),
+                                    (Some(Intent::Success), IString::Static("Success")),
+                                    (Some(Intent::Warning), IString::Static("Warning")),
+                                    (Some(Intent::Danger), IString::Static("Danger")),
+                                ])}
                                 onchange={self.update_props(ctx, |props, intent| ExampleProps {
                                     intent,
                                     ..props
                                 })}
+                                value={ctx.props().example_props.intent}
                             />
                             <Button
                                 icon={IconName::Refresh}
diff --git a/yewprint-doc/src/text/example.rs b/yewprint-doc/src/text/example.rs
index 70ca090..ed83f1c 100644
--- a/yewprint-doc/src/text/example.rs
+++ b/yewprint-doc/src/text/example.rs
@@ -4,7 +4,7 @@ use yewprint::Text;
 #[derive(Clone, PartialEq, Properties)]
 pub struct ExampleProps {
     pub ellipsize: bool,
-    pub text: String,
+    pub text: AttrValue,
 }
 
 #[function_component(Example)]
diff --git a/yewprint-doc/src/text/mod.rs b/yewprint-doc/src/text/mod.rs
index f2452f4..0441299 100644
--- a/yewprint-doc/src/text/mod.rs
+++ b/yewprint-doc/src/text/mod.rs
@@ -20,7 +20,7 @@ impl Component for TextDoc {
             callback: ctx.link().callback(|x| x),
             state: ExampleProps {
                 ellipsize: false,
-                text: String::from("Hello, world!"),
+                text: "Hello, world!".into(),
             },
         }
     }
@@ -78,12 +78,12 @@ crate::build_example_prop_component! {
                         onchange={self.update_props(ctx, |props, e: Event| {
                                 if let Some(input) = e.target_dyn_into::<HtmlInputElement>() {
                                     ExampleProps {
-                                        text: input.value(),
+                                        text: input.value().into(),
                                         ..props
                                     }
                                 } else {
                                     ExampleProps {
-                                        text: "Hello, world!".to_string(),
+                                        text: "Hello, world!".into(),
                                         ..props
                                     }
                                 }
diff --git a/yewprint-doc/src/text_area/mod.rs b/yewprint-doc/src/text_area/mod.rs
index a013686..ce243ae 100644
--- a/yewprint-doc/src/text_area/mod.rs
+++ b/yewprint-doc/src/text_area/mod.rs
@@ -2,6 +2,7 @@ mod example;
 
 use crate::ExampleContainer;
 use example::*;
+use implicit_clone::unsync::IArray;
 use yew::prelude::*;
 use yewprint::{HtmlSelect, Intent, Switch, H1, H5};
 
@@ -91,17 +92,18 @@ crate::build_example_prop_component! {
                         label={html!("Small")}
                     />
                     <HtmlSelect<Option<Intent>>
-                        options={vec![
-                            (None, "None".to_string()),
-                            (Some(Intent::Primary), "Primary".to_string()),
-                            (Some(Intent::Success), "Success".to_string()),
-                            (Some(Intent::Warning), "Warning".to_string()),
-                            (Some(Intent::Danger), "Danger".to_string()),
-                        ]}
+                        options={[
+                            (None, "None".into()),
+                            (Some(Intent::Primary), "Primary".into()),
+                            (Some(Intent::Success), "Success".into()),
+                            (Some(Intent::Warning), "Warning".into()),
+                            (Some(Intent::Danger), "Danger".into()),
+                        ].into_iter().collect::<IArray<_>>()}
                         onchange={self.update_props(ctx, |props, intent| ExampleProps {
                             intent,
                             ..props
                         })}
+                        value={ctx.props().example_props.intent}
                     />
                 </div>
             }