diff --git a/.github/dependabot.yml b/.github/dependabot.yml
new file mode 100644
index 0000000..e8d486a
--- /dev/null
+++ b/.github/dependabot.yml
@@ -0,0 +1,11 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "cargo" # See documentation for possible values
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "weekly"
diff --git a/.github/workflows/rust.yml b/.github/workflows/rust.yml
new file mode 100644
index 0000000..ad8dfc8
--- /dev/null
+++ b/.github/workflows/rust.yml
@@ -0,0 +1,21 @@
+name: CI
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
+
+env:
+  CARGO_TERM_COLOR: always
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+      - name: Build
+        run: cargo build --verbose
+      - name: Run tests
+        run: cargo test --all-features
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..c24ee2b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+**/target
+**/dist
\ No newline at end of file
diff --git a/Cargo.lock b/Cargo.lock
new file mode 100644
index 0000000..1b3296b
--- /dev/null
+++ b/Cargo.lock
@@ -0,0 +1,1398 @@
+# This file is automatically @generated by Cargo.
+# It is not intended for manual editing.
+version = 3
+
+[[package]]
+name = "addr2line"
+version = "0.24.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dfbe277e56a376000877090da837660b4427aad530e3028d44e0bffe4f89a1c1"
+dependencies = [
+ "gimli",
+]
+
+[[package]]
+name = "adler2"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "512761e0bb2578dd7380c6baaa0f4ce03e84f95e960231d1dec8bf4d7d6e2627"
+
+[[package]]
+name = "aho-corasick"
+version = "1.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e60d3430d3a69478ad0993f19238d2df97c507009a52b3c10addcd7f6bcb916"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "anstream"
+version = "0.6.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8acc5369981196006228e28809f761875c0327210a891e941f4c683b3a99529b"
+dependencies = [
+ "anstyle",
+ "anstyle-parse",
+ "anstyle-query",
+ "anstyle-wincon",
+ "colorchoice",
+ "is_terminal_polyfill",
+ "utf8parse",
+]
+
+[[package]]
+name = "anstyle"
+version = "1.0.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "55cc3b69f167a1ef2e161439aa98aed94e6028e5f9a59be9a6ffb47aef1651f9"
+
+[[package]]
+name = "anstyle-parse"
+version = "0.2.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3b2d16507662817a6a20a9ea92df6652ee4f94f914589377d69f3b21bc5798a9"
+dependencies = [
+ "utf8parse",
+]
+
+[[package]]
+name = "anstyle-query"
+version = "1.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "79947af37f4177cfead1110013d678905c37501914fba0efea834c3fe9a8d60c"
+dependencies = [
+ "windows-sys",
+]
+
+[[package]]
+name = "anstyle-wincon"
+version = "3.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2109dbce0e72be3ec00bed26e6a7479ca384ad226efdd66db8fa2e3a38c83125"
+dependencies = [
+ "anstyle",
+ "windows-sys",
+]
+
+[[package]]
+name = "anymap2"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d301b3b94cb4b2f23d7917810addbbaff90738e0ca2be692bd027e70d7e0330c"
+
+[[package]]
+name = "autocfg"
+version = "1.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ace50bade8e6234aa140d9a2f552bbee1db4d353f69b8217bc503490fc1a9f26"
+
+[[package]]
+name = "backtrace"
+version = "0.3.74"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8d82cb332cdfaed17ae235a638438ac4d4839913cc2af585c3c6746e8f8bee1a"
+dependencies = [
+ "addr2line",
+ "cfg-if",
+ "libc",
+ "miniz_oxide",
+ "object",
+ "rustc-demangle",
+ "windows-targets",
+]
+
+[[package]]
+name = "bincode"
+version = "1.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b1f45e9417d87227c7a56d22e471c6206462cba514c7590c09aff4cf6d1ddcad"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "boolinator"
+version = "2.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cfa8873f51c92e232f9bac4065cddef41b714152812bfc5f7672ba16d6ef8cd9"
+
+[[package]]
+name = "bump2version"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e36c41d33255a91625cd331c58b76323b084c42d2b79ae37b3471fe239ef23d"
+dependencies = [
+ "clap",
+ "regex",
+]
+
+[[package]]
+name = "bumpalo"
+version = "3.16.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "79296716171880943b8470b5f8d03aa55eb2e645a4874bdbb28adb49162e012c"
+
+[[package]]
+name = "bytes"
+version = "1.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "325918d6fe32f23b19878fe4b34794ae41fc19ddbe53b10571a4874d44ffd39b"
+
+[[package]]
+name = "cfg-if"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd"
+
+[[package]]
+name = "clap"
+version = "4.5.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3135e7ec2ef7b10c6ed8950f0f792ed96ee093fa088608f1c76e569722700c84"
+dependencies = [
+ "clap_builder",
+ "clap_derive",
+]
+
+[[package]]
+name = "clap_builder"
+version = "4.5.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "30582fc632330df2bd26877bde0c1f4470d57c582bbc070376afcd04d8cb4838"
+dependencies = [
+ "anstream",
+ "anstyle",
+ "clap_lex",
+ "strsim",
+]
+
+[[package]]
+name = "clap_derive"
+version = "4.5.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ac6a0c7b1a9e9a5186361f67dfa1b88213572f427fb9ab038efb2bd8c582dab"
+dependencies = [
+ "heck",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "clap_lex"
+version = "0.7.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f46ad14479a25103f283c0f10005961cf086d8dc42205bb44c46ac563475dca6"
+
+[[package]]
+name = "colorchoice"
+version = "1.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5b63caa9aa9397e2d9480a9b13673856c78d8ac123288526c37d7839f2a86990"
+
+[[package]]
+name = "console_error_panic_hook"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a06aeb73f470f66dcdbf7223caeebb85984942f22f1adb2a088cf9668146bbbc"
+dependencies = [
+ "cfg-if",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "equivalent"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5443807d6dff69373d433ab9ef5378ad8df50ca6298caf15de6e52e24aaf54d5"
+
+[[package]]
+name = "fnv"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"
+
+[[package]]
+name = "form_urlencoded"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e13624c2627564efccf4934284bdd98cbaa14e79b0b5a141218e507b3a823456"
+dependencies = [
+ "percent-encoding",
+]
+
+[[package]]
+name = "futures"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "65bc07b1a8bc7c85c5f2e110c476c7389b4554ba72af57d8445ea63a576b0876"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-channel"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2dff15bf788c671c1934e366d07e30c1814a8ef514e1af724a602e8a2fbe1b10"
+dependencies = [
+ "futures-core",
+ "futures-sink",
+]
+
+[[package]]
+name = "futures-core"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "05f29059c0c2090612e8d742178b0580d2dc940c837851ad723096f87af6663e"
+
+[[package]]
+name = "futures-io"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9e5c1b78ca4aae1ac06c48a526a655760685149f0d465d21f37abfe57ce075c6"
+
+[[package]]
+name = "futures-macro"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "162ee34ebcb7c64a8abebc059ce0fee27c2262618d7b60ed8faf72fef13c3650"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "futures-sink"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e575fab7d1e0dcb8d0c7bcf9a63ee213816ab51902e6d244a95819acacf1d4f7"
+
+[[package]]
+name = "futures-task"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f90f7dce0722e95104fcb095585910c0977252f286e354b5e3bd38902cd99988"
+
+[[package]]
+name = "futures-util"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9fa08315bb612088cc391249efdc3bc77536f16c91f6cf495e6fbe85b20a4a81"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-macro",
+ "futures-sink",
+ "futures-task",
+ "memchr",
+ "pin-project-lite",
+ "pin-utils",
+ "slab",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c4567c8db10ae91089c99af84c68c38da3ec2f087c3f82960bcdbf3656b6f4d7"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "libc",
+ "wasi",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "gimli"
+version = "0.31.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "07e28edb80900c19c28f1072f2e8aeca7fa06b23cd4169cefe1af5aa3260783f"
+
+[[package]]
+name = "gloo"
+version = "0.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "28999cda5ef6916ffd33fb4a7b87e1de633c47c0dc6d97905fee1cdaa142b94d"
+dependencies = [
+ "gloo-console 0.2.3",
+ "gloo-dialogs 0.1.1",
+ "gloo-events 0.1.2",
+ "gloo-file 0.2.3",
+ "gloo-history 0.1.5",
+ "gloo-net 0.3.1",
+ "gloo-render 0.1.1",
+ "gloo-storage 0.2.2",
+ "gloo-timers 0.2.6",
+ "gloo-utils 0.1.7",
+ "gloo-worker 0.2.1",
+]
+
+[[package]]
+name = "gloo"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd35526c28cc55c1db77aed6296de58677dbab863b118483a27845631d870249"
+dependencies = [
+ "gloo-console 0.3.0",
+ "gloo-dialogs 0.2.0",
+ "gloo-events 0.2.0",
+ "gloo-file 0.3.0",
+ "gloo-history 0.2.2",
+ "gloo-net 0.4.0",
+ "gloo-render 0.2.0",
+ "gloo-storage 0.3.0",
+ "gloo-timers 0.3.0",
+ "gloo-utils 0.2.0",
+ "gloo-worker 0.4.0",
+]
+
+[[package]]
+name = "gloo-console"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "82b7ce3c05debe147233596904981848862b068862e9ec3e34be446077190d3f"
+dependencies = [
+ "gloo-utils 0.1.7",
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-console"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2a17868f56b4a24f677b17c8cb69958385102fa879418052d60b50bc1727e261"
+dependencies = [
+ "gloo-utils 0.2.0",
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-dialogs"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "67062364ac72d27f08445a46cab428188e2e224ec9e37efdba48ae8c289002e6"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-dialogs"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf4748e10122b01435750ff530095b1217cf6546173459448b83913ebe7815df"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-events"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68b107f8abed8105e4182de63845afcc7b69c098b7852a813ea7462a320992fc"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-events"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "27c26fb45f7c385ba980f5fa87ac677e363949e065a083722697ef1b2cc91e41"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-file"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a8d5564e570a38b43d78bdc063374a0c3098c4f0d64005b12f9bbe87e869b6d7"
+dependencies = [
+ "gloo-events 0.1.2",
+ "js-sys",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-file"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "97563d71863fb2824b2e974e754a81d19c4a7ec47b09ced8a0e6656b6d54bd1f"
+dependencies = [
+ "gloo-events 0.2.0",
+ "js-sys",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-history"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85725d90bf0ed47063b3930ef28e863658a7905989e9929a8708aab74a1d5e7f"
+dependencies = [
+ "gloo-events 0.1.2",
+ "gloo-utils 0.1.7",
+ "serde",
+ "serde-wasm-bindgen 0.5.0",
+ "serde_urlencoded",
+ "thiserror",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-history"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "903f432be5ba34427eac5e16048ef65604a82061fe93789f2212afc73d8617d6"
+dependencies = [
+ "getrandom",
+ "gloo-events 0.2.0",
+ "gloo-utils 0.2.0",
+ "serde",
+ "serde-wasm-bindgen 0.6.5",
+ "serde_urlencoded",
+ "thiserror",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-net"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a66b4e3c7d9ed8d315fd6b97c8b1f74a7c6ecbbc2320e65ae7ed38b7068cc620"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-sink",
+ "gloo-utils 0.1.7",
+ "http",
+ "js-sys",
+ "pin-project",
+ "serde",
+ "serde_json",
+ "thiserror",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-net"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ac9e8288ae2c632fa9f8657ac70bfe38a1530f345282d7ba66a1f70b72b7dc4"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-sink",
+ "gloo-utils 0.2.0",
+ "http",
+ "js-sys",
+ "pin-project",
+ "serde",
+ "serde_json",
+ "thiserror",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-render"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2fd9306aef67cfd4449823aadcd14e3958e0800aa2183955a309112a84ec7764"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-render"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "56008b6744713a8e8d98ac3dcb7d06543d5662358c9c805b4ce2167ad4649833"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-storage"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d6ab60bf5dbfd6f0ed1f7843da31b41010515c745735c970e821945ca91e480"
+dependencies = [
+ "gloo-utils 0.1.7",
+ "js-sys",
+ "serde",
+ "serde_json",
+ "thiserror",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-storage"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fbc8031e8c92758af912f9bc08fbbadd3c6f3cfcbf6b64cdf3d6a81f0139277a"
+dependencies = [
+ "gloo-utils 0.2.0",
+ "js-sys",
+ "serde",
+ "serde_json",
+ "thiserror",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-timers"
+version = "0.2.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b995a66bb87bebce9a0f4a95aed01daca4872c050bfcb21653361c03bc35e5c"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "gloo-timers"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bbb143cf96099802033e0d4f4963b19fd2e0b728bcf076cd9cf7f6634f092994"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "gloo-utils"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "037fcb07216cb3a30f7292bd0176b050b7b9a052ba830ef7d5d65f6dc64ba58e"
+dependencies = [
+ "js-sys",
+ "serde",
+ "serde_json",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-utils"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b5555354113b18c547c1d3a98fbf7fb32a9ff4f6fa112ce823a21641a0ba3aa"
+dependencies = [
+ "js-sys",
+ "serde",
+ "serde_json",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-worker"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13471584da78061a28306d1359dd0178d8d6fc1c7c80e5e35d27260346e0516a"
+dependencies = [
+ "anymap2",
+ "bincode",
+ "gloo-console 0.2.3",
+ "gloo-utils 0.1.7",
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-worker"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "76495d3dd87de51da268fa3a593da118ab43eb7f8809e17eb38d3319b424e400"
+dependencies = [
+ "bincode",
+ "futures",
+ "gloo-utils 0.2.0",
+ "gloo-worker-macros",
+ "js-sys",
+ "pinned",
+ "serde",
+ "thiserror",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-worker-macros"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "956caa58d4857bc9941749d55e4bd3000032d8212762586fa5705632967140e7"
+dependencies = [
+ "proc-macro-crate",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "hashbrown"
+version = "0.15.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf151400ff0baff5465007dd2f3e717f3fe502074ca563069ce3a6629d07b289"
+
+[[package]]
+name = "heck"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2304e00983f87ffb38b55b444b5e3b60a884b5d30c0fca7d82fe33449bbe55ea"
+
+[[package]]
+name = "hermit-abi"
+version = "0.3.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d231dfb89cfffdbc30e7fc41579ed6066ad03abda9e567ccafae602b97ec5024"
+
+[[package]]
+name = "http"
+version = "0.2.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "601cbb57e577e2f5ef5be8e7b83f0f63994f25aa94d673e54a92d5c516d101f1"
+dependencies = [
+ "bytes",
+ "fnv",
+ "itoa",
+]
+
+[[package]]
+name = "implicit-clone"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f8a9aa791c7b5a71b636b7a68207fdebf171ddfc593d9c8506ec4cbc527b6a84"
+dependencies = [
+ "implicit-clone-derive",
+ "indexmap",
+]
+
+[[package]]
+name = "implicit-clone-derive"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9311685eb9a34808bbb0608ad2fcab9ae216266beca5848613e95553ac914e3b"
+dependencies = [
+ "quote",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "indexmap"
+version = "2.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "62f822373a4fe84d4bb149bf54e584a7f4abec90e072ed49cda0edea5b95471f"
+dependencies = [
+ "equivalent",
+ "hashbrown",
+]
+
+[[package]]
+name = "is_terminal_polyfill"
+version = "1.70.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7943c866cc5cd64cbc25b2e01621d07fa8eb2a1a23160ee81ce38704e97b8ecf"
+
+[[package]]
+name = "itoa"
+version = "1.0.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d75a2a4b1b190afb6f5425f10f6a8f959d2ea0b9c2b1d79553551850539e4674"
+
+[[package]]
+name = "js-sys"
+version = "0.3.76"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6717b6b5b077764fb5966237269cb3c64edddde4b14ce42647430a78ced9e7b7"
+dependencies = [
+ "once_cell",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "libc"
+version = "0.2.169"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b5aba8db14291edd000dfcc4d620c7ebfb122c613afb886ca8803fa4e128a20a"
+
+[[package]]
+name = "log"
+version = "0.4.22"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a7a70ba024b9dc04c27ea2f0c0548feb474ec5c54bba33a7f72f873a39d07b24"
+
+[[package]]
+name = "memchr"
+version = "2.7.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "78ca9ab1a0babb1e7d5695e3530886289c18cf2f87ec19a575a0abdce112e3a3"
+
+[[package]]
+name = "miniz_oxide"
+version = "0.8.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ffbe83022cedc1d264172192511ae958937694cd57ce297164951b8b3568394"
+dependencies = [
+ "adler2",
+]
+
+[[package]]
+name = "num_cpus"
+version = "1.16.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4161fcb6d602d4d2081af7c3a45852d875a03dd337a6bfdd6e06407b61342a43"
+dependencies = [
+ "hermit-abi",
+ "libc",
+]
+
+[[package]]
+name = "object"
+version = "0.36.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "62948e14d923ea95ea2c7c86c71013138b66525b86bdc08d2dcc262bdb497b87"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "once_cell"
+version = "1.20.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1261fe7e33c73b354eab43b1273a57c8f967d0391e80353e51f764ac02cf6775"
+
+[[package]]
+name = "percent-encoding"
+version = "2.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3148f5046208a5d56bcfc03053e3ca6334e51da8dfb19b6cdc8b306fae3283e"
+
+[[package]]
+name = "pin-project"
+version = "1.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "be57f64e946e500c8ee36ef6331845d40a93055567ec57e8fae13efd33759b95"
+dependencies = [
+ "pin-project-internal",
+]
+
+[[package]]
+name = "pin-project-internal"
+version = "1.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c0f5fad0874fc7abcd4d750e76917eaebbecaa2c20bde22e1dbeeba8beb758c"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "pin-project-lite"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "915a1e146535de9163f3987b8944ed8cf49a18bb0056bcebcdcece385cece4ff"
+
+[[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 = "prettyplease"
+version = "0.2.25"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64d1ec885c64d0457d564db4ec299b2dae3f9c02808b8ad9c3a089c591b18033"
+dependencies = [
+ "proc-macro2",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "proc-macro-crate"
+version = "1.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f4c021e1093a56626774e81216a4ce732a735e5bad4868a03f3ed65ca0c3919"
+dependencies = [
+ "once_cell",
+ "toml_edit",
+]
+
+[[package]]
+name = "proc-macro-error"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "da25490ff9892aab3fcf7c36f08cfb902dd3e71ca0f9f9517bea02a73a5ce38c"
+dependencies = [
+ "proc-macro-error-attr",
+ "proc-macro2",
+ "quote",
+ "syn 1.0.109",
+ "version_check",
+]
+
+[[package]]
+name = "proc-macro-error-attr"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a1be40180e52ecc98ad80b184934baf3d0d29f979574e439af5a55274b35f869"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "version_check",
+]
+
+[[package]]
+name = "proc-macro2"
+version = "1.0.92"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "37d3544b3f2748c54e147655edb5025752e2303145b5aefb3c3ea2c78b973bb0"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "prokio"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "03b55e106e5791fa5a13abd13c85d6127312e8e09098059ca2bc9b03ca4cf488"
+dependencies = [
+ "futures",
+ "gloo 0.8.1",
+ "num_cpus",
+ "once_cell",
+ "pin-project",
+ "pinned",
+ "tokio",
+ "tokio-stream",
+ "wasm-bindgen-futures",
+]
+
+[[package]]
+name = "quote"
+version = "1.0.37"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b5b9d34b8991d19d98081b46eacdd8eb58c6f2b201139f7c5f643cc155a633af"
+dependencies = [
+ "proc-macro2",
+]
+
+[[package]]
+name = "radiors"
+version = "0.0.1"
+dependencies = [
+ "bump2version",
+ "log",
+ "web-sys",
+ "yew",
+]
+
+[[package]]
+name = "regex"
+version = "1.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b544ef1b4eac5dc2db33ea63606ae9ffcfac26c1416a2806ae0bf5f56b201191"
+dependencies = [
+ "aho-corasick",
+ "memchr",
+ "regex-automata",
+ "regex-syntax",
+]
+
+[[package]]
+name = "regex-automata"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "809e8dc61f6de73b46c85f4c96486310fe304c434cfa43669d7b40f711150908"
+dependencies = [
+ "aho-corasick",
+ "memchr",
+ "regex-syntax",
+]
+
+[[package]]
+name = "regex-syntax"
+version = "0.8.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2b15c43186be67a4fd63bee50d0303afffcef381492ebe2c5d87f324e1b8815c"
+
+[[package]]
+name = "rustc-demangle"
+version = "0.1.24"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "719b953e2095829ee67db738b3bfa9fa368c94900df327b3f07fe6e794d2fe1f"
+
+[[package]]
+name = "rustversion"
+version = "1.0.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0e819f2bc632f285be6d7cd36e25940d45b2391dd6d9b939e79de557f7014248"
+
+[[package]]
+name = "ryu"
+version = "1.0.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f3cb5ba0dc43242ce17de99c180e96db90b235b8a9fdc9543c96d2209116bd9f"
+
+[[package]]
+name = "serde"
+version = "1.0.216"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b9781016e935a97e8beecf0c933758c97a5520d32930e460142b4cd80c6338e"
+dependencies = [
+ "serde_derive",
+]
+
+[[package]]
+name = "serde-wasm-bindgen"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f3b143e2833c57ab9ad3ea280d21fd34e285a42837aeb0ee301f4f41890fa00e"
+dependencies = [
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "serde-wasm-bindgen"
+version = "0.6.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8302e169f0eddcc139c70f139d19d6467353af16f9fce27e8c30158036a1e16b"
+dependencies = [
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "serde_derive"
+version = "1.0.216"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "46f859dbbf73865c6627ed570e78961cd3ac92407a2d117204c49232485da55e"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "serde_json"
+version = "1.0.134"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d00f4175c42ee48b15416f6193a959ba3a0d67fc699a0db9ad12df9f83991c7d"
+dependencies = [
+ "itoa",
+ "memchr",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "serde_urlencoded"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d3491c14715ca2294c4d6a88f15e84739788c1d030eed8c110436aafdaa2f3fd"
+dependencies = [
+ "form_urlencoded",
+ "itoa",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "slab"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f92a496fb766b417c996b9c5e57daf2f7ad3b0bebe1ccfca4856390e3d3bb67"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "strsim"
+version = "0.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7da8b5736845d9f2fcb837ea5d9e2628564b3b043a70948a3f0b778838c5fb4f"
+
+[[package]]
+name = "syn"
+version = "1.0.109"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72b64191b275b66ffe2469e8af2c1cfe3bafa67b529ead792a6d0160888b4237"
+dependencies = [
+ "proc-macro2",
+ "unicode-ident",
+]
+
+[[package]]
+name = "syn"
+version = "2.0.91"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d53cbcb5a243bd33b7858b1d7f4aca2153490815872d86d955d6ea29f743c035"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-ident",
+]
+
+[[package]]
+name = "thiserror"
+version = "1.0.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6aaf5339b578ea85b50e080feb250a3e8ae8cfcdff9a461c9ec2904bc923f52"
+dependencies = [
+ "thiserror-impl",
+]
+
+[[package]]
+name = "thiserror-impl"
+version = "1.0.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4fee6c4efc90059e10f81e6d42c60a18f76588c3d74cb83a0b242a2b6c7504c1"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "tokio"
+version = "1.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5cec9b21b0450273377fc97bd4c33a8acffc8c996c987a7c5b319a0083707551"
+dependencies = [
+ "backtrace",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "tokio-stream"
+version = "0.1.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eca58d7bba4a75707817a2c44174253f9236b2d5fbd055602e9d5c07c139a047"
+dependencies = [
+ "futures-core",
+ "pin-project-lite",
+ "tokio",
+]
+
+[[package]]
+name = "toml_datetime"
+version = "0.6.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0dd7358ecb8fc2f8d014bf86f6f638ce72ba252a2c3a2572f2a795f1d23efb41"
+
+[[package]]
+name = "toml_edit"
+version = "0.19.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1b5bb770da30e5cbfde35a2d7b9b8a2c4b8ef89548a7a6aeab5c9a576e3e7421"
+dependencies = [
+ "indexmap",
+ "toml_datetime",
+ "winnow",
+]
+
+[[package]]
+name = "tracing"
+version = "0.1.41"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "784e0ac535deb450455cbfa28a6f0df145ea1bb7ae51b821cf5e7927fdcfbdd0"
+dependencies = [
+ "pin-project-lite",
+ "tracing-attributes",
+ "tracing-core",
+]
+
+[[package]]
+name = "tracing-attributes"
+version = "0.1.28"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "395ae124c09f9e6918a2310af6038fba074bcf474ac352496d5910dd59a2226d"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "tracing-core"
+version = "0.1.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e672c95779cf947c5311f83787af4fa8fffd12fb27e4993211a84bdfd9610f9c"
+dependencies = [
+ "once_cell",
+]
+
+[[package]]
+name = "unicode-ident"
+version = "1.0.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "adb9e6ca4f869e1180728b7950e35922a7fc6397f7b641499e8f3ef06e50dc83"
+
+[[package]]
+name = "utf8parse"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "06abde3611657adf66d383f00b093d7faecc7fa57071cce2578660c9f1010821"
+
+[[package]]
+name = "version_check"
+version = "0.9.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
+
+[[package]]
+name = "wasi"
+version = "0.11.0+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"
+
+[[package]]
+name = "wasm-bindgen"
+version = "0.2.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a474f6281d1d70c17ae7aa6a613c87fce69a127e2624002df63dcb39d6cf6396"
+dependencies = [
+ "cfg-if",
+ "once_cell",
+ "wasm-bindgen-macro",
+]
+
+[[package]]
+name = "wasm-bindgen-backend"
+version = "0.2.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5f89bb38646b4f81674e8f5c3fb81b562be1fd936d84320f3264486418519c79"
+dependencies = [
+ "bumpalo",
+ "log",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-futures"
+version = "0.4.49"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "38176d9b44ea84e9184eff0bc34cc167ed044f816accfe5922e54d84cf48eca2"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "once_cell",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "wasm-bindgen-macro"
+version = "0.2.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2cc6181fd9a7492eef6fef1f33961e3695e4579b9872a6f7c83aee556666d4fe"
+dependencies = [
+ "quote",
+ "wasm-bindgen-macro-support",
+]
+
+[[package]]
+name = "wasm-bindgen-macro-support"
+version = "0.2.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "30d7a95b763d3c45903ed6c81f156801839e5ee968bb07e534c44df0fcd330c2"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+ "wasm-bindgen-backend",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-shared"
+version = "0.2.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "943aab3fdaaa029a6e0271b35ea10b72b943135afe9bffca82384098ad0e06a6"
+
+[[package]]
+name = "web-sys"
+version = "0.3.76"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "04dd7223427d52553d3702c004d3b2fe07c148165faa56313cb00211e31c12bc"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.59.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e38bc4d79ed67fd075bcc251a1c39b32a1776bbe92e5bef1f0bf1f8c531853b"
+dependencies = [
+ "windows-targets",
+]
+
+[[package]]
+name = "windows-targets"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b724f72796e036ab90c1021d4780d4d3d648aca59e491e6b98e725b84e99973"
+dependencies = [
+ "windows_aarch64_gnullvm",
+ "windows_aarch64_msvc",
+ "windows_i686_gnu",
+ "windows_i686_gnullvm",
+ "windows_i686_msvc",
+ "windows_x86_64_gnu",
+ "windows_x86_64_gnullvm",
+ "windows_x86_64_msvc",
+]
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32a4622180e7a0ec044bb555404c800bc9fd9ec262ec147edd5989ccd0c02cd3"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09ec2a7bb152e2252b53fa7803150007879548bc709c039df7627cabbd05d469"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e9b5ad5ab802e97eb8e295ac6720e509ee4c243f69d781394014ebfe8bbfa0b"
+
+[[package]]
+name = "windows_i686_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0eee52d38c090b3caa76c563b86c3a4bd71ef1a819287c19d586d7334ae8ed66"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "240948bc05c5e7c6dabba28bf89d89ffce3e303022809e73deaefe4f6ec56c66"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "147a5c80aabfbf0c7d901cb5895d1de30ef2907eb21fbbab29ca94c5b08b1a78"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "24d5b23dc417412679681396f2b49f3de8c1473deb516bd34410872eff51ed0d"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "589f6da84c646204747d1270a2a5661ea66ed1cced2631d546fdfb155959f9ec"
+
+[[package]]
+name = "winnow"
+version = "0.5.40"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f593a95398737aeed53e489c785df13f3618e41dbcd6718c6addbf1395aa6876"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "yew"
+version = "0.21.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5f1a03f255c70c7aa3e9c62e15292f142ede0564123543c1cc0c7a4f31660cac"
+dependencies = [
+ "console_error_panic_hook",
+ "futures",
+ "gloo 0.10.0",
+ "implicit-clone",
+ "indexmap",
+ "js-sys",
+ "prokio",
+ "rustversion",
+ "serde",
+ "slab",
+ "thiserror",
+ "tokio",
+ "tracing",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+ "yew-macro",
+]
+
+[[package]]
+name = "yew-macro"
+version = "0.21.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "02fd8ca5166d69e59f796500a2ce432ff751edecbbb308ca59fd3fe4d0343de2"
+dependencies = [
+ "boolinator",
+ "once_cell",
+ "prettyplease",
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
diff --git a/Cargo.toml b/Cargo.toml
new file mode 100644
index 0000000..79e4166
--- /dev/null
+++ b/Cargo.toml
@@ -0,0 +1,38 @@
+[package]
+name = "radiors"
+version = "0.0.1"
+edition = "2021"
+rust-version = "1.79"
+description = "🎛️ A highly customizable radio buttons component for WASM frameworks like Yew, Dioxus, and Leptos."
+license = "MIT"
+keywords = ["radio", "yew", "rust", "dioxus", "leptos"]
+categories = ["web-programming", "science"]
+repository = "https://github.com/opensass/radio-rs"
+documentation = "https://docs.rs/radiors/"
+authors = ["Mahmoud Harmouch <oss@wiseai.dev>"]
+exclude = ["assets", "examples"]
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+web-sys = "0.3.76"
+yew = { version = "0.21.0", default-features = false, optional = true }
+
+[features]
+yew = ["dep:yew"]
+
+[profile.release]
+opt-level = "z"
+debug = false
+lto = "thin"
+codegen-units = 1
+panic = "abort"
+strip = "symbols"
+incremental = false
+
+[badges]
+maintenance = { status = "actively-developed" }
+
+[dev-dependencies]
+log = "0.4.22"
+bump2version = "0.1.4"
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..062d4e1
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Open SASS Core Maintainers
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..46ac8ef
--- /dev/null
+++ b/README.md
@@ -0,0 +1,64 @@
+<div align="center">
+
+# 🎛️ Radio RS
+
+[![Crates.io](https://img.shields.io/crates/v/radiors)](https://crates.io/crates/radiors)
+[![Crates.io Downloads](https://img.shields.io/crates/d/radiors)](https://crates.io/crates/radiors)
+![Crates.io License](https://img.shields.io/crates/l/radiors)
+[![made-with-rust](https://img.shields.io/badge/Made%20with-Rust-1f425f.svg?logo=rust&logoColor=white)](https://www.rust-lang.org/)
+[![Rust](https://img.shields.io/badge/Rust-1.79%2B-blue.svg)](https://www.rust-lang.org)
+[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/wiseaidev)
+
+[![Join our Discord](https://dcbadge.limes.pink/api/server/b5JbvHW5nv)](https://discord.gg/b5JbvHW5nv)
+
+![logo](./assets/logo.webp)
+
+</div>
+
+## 🎬 Demo
+
+![radio-rs-demo](./assets/demo.gif)
+
+| Framework | Live Demo |
+| --- | --- |
+| Yew | [![Netlify Status](https://api.netlify.com/api/v1/badges/a0efc7e9-f20e-4dd9-93e1-c8f4fde7506f/deploy-status)](https://radio-rs.netlify.app) |
+| Dioxus | TODO |
+| Leptos | TODO |
+
+## 📜 Intro
+
+Radio RS is a highly customizable radio button group component designed for Wasm-based frameworks like **Yew**, **Dioxus**, and **Leptos**. Create functional radio button groups with advanced styling options, animations, and callback capabilities.
+
+## 🤔 Why Use Radio RS?
+
+The following features make Radio RS a valuable addition to your WASM-based projects:
+
+1. **🎨 Advanced Customization**: Style your radio buttons with custom classes, inline styles, and animations.
+1. **⚡ Interactive Callbacks**: Track user interactions with callbacks to manage state changes efficiently.
+1. **🖼️ Visual Enhancements**: Optionally include images alongside radio buttons for a polished UI.
+1. **📐 Flexible Layouts**: Support for horizontal and vertical orientations for seamless design integration.
+1. **🧩 Accessibility**: Build inclusive UIs with ARIA support for screen readers.
+
+## Yew Usage
+
+Refer to [our guide](YEW.md) to integrate this component into your Yew app.
+
+## 🧬 Dioxus Usage (TODO)
+
+Refer to [our guide](DIOXUS.md) to integrate this component into your Dioxus app.
+
+## 🌱 Leptos Usage (TODO)
+
+Refer to [our guide](LEPTOS.md) to integrate this component into your Leptos app.
+
+## 🤝 Contributions
+
+Contributions are welcome! Whether it's bug fixes, feature requests, or examples, we would love your help to make Radio RS better.
+
+1. Fork the repository.
+1. Create a new branch for your feature/bugfix.
+1. Submit a pull request for review.
+
+## 📜 License
+
+Radio RS is licensed under the [MIT License](LICENSE). You are free to use, modify, and distribute this library in your projects.
diff --git a/YEW.md b/YEW.md
new file mode 100644
index 0000000..e8dd216
--- /dev/null
+++ b/YEW.md
@@ -0,0 +1,169 @@
+# Y Radio RS Yew Usage
+
+Adding Radio RS to your project is simple:
+
+1. Make sure your project is set up with **Yew**. Follow their [Getting Started Guide](https://yew.rs/docs/getting-started/introduction) for setup instructions.
+
+1. Add the Radio RS component to your dependencies by including it in your `Cargo.toml` file:
+
+   ```sh
+   cargo add radiors --features=yew
+   ```
+
+1. Import the `Radio` component into your Yew component and start using it in your app.
+
+## 🛠️ Usage
+
+Incorporating Yew Radio RS into your application is easy. Follow these steps:
+
+1. Import the `Group` and the `Radio` components into your Yew project:
+
+   ```rust
+   use yew::prelude::*;
+   use radiors::yew::{Radio, Group};
+   ```
+
+1. Use the `Radio` component within your Yew application:
+
+   ```rust
+   use radiors::yew::{Radio, Group};
+   use radiors::{Size, Type, Orientation};
+   use yew::prelude::*;
+
+   #[function_component(App)]
+   pub fn app() -> Html {
+       let selected_value = use_state(|| "Option1".to_string());
+       let onchange = {
+           let selected_value = selected_value.clone();
+           Callback::from(move |new_value: String| {
+               selected_value.set(new_value);
+           })
+       };
+
+       html! {
+           <Group
+               selected={(*selected_value).clone()}
+               onchange={onchange}
+               orientation={Orientation::Vertical}
+               class="radio-group"
+           >
+               <Radio
+                   label="Option 1"
+                   value="Option1"
+                   class="radio-button"
+               />
+               <Radio
+                   label="Option 2"
+                   value="Option2"
+                   class="radio-button"
+               />
+           </Group>
+       }
+   }
+   ```
+
+## 🔧 Props
+
+### `Group` Component Props
+
+#### Main Props
+
+| Property   | Type                       | Description                                          | Default |
+| ---------- | -------------------------- | ---------------------------------------------------- | ------- |
+| `selected` | `String`                   | The currently selected value of the radio group.     | `""`    |
+| `children` | `ChildrenWithProps<Radio>` | Child `Radio` components to render within the group. | `""`    |
+
+#### Styling Props
+
+```sh
++-----------------------------------------------------------+
+|                  [Group Container]                        |  <-- `class` & `style`
+|                                                           |
+|   +-----------------------------------------------+       |  <-- `orientation`
+|   |              [Child Radio Buttons]            |       |  <-- `children`
+|   +-----------------------------------------------+       |
+|                                                           |
++-----------------------------------------------------------+
+```
+
+| Property      | Type           | Description                                                  | Default                   |
+| ------------- | -------------- | ------------------------------------------------------------ | ------------------------- |
+| `style`       | `&'static str` | Inline styles for the radio group container.                 | `""`                      |
+| `class`       | `&'static str` | CSS class for the radio group container.                     | `""`                      |
+| `orientation` | `Orientation`  | Orientation of the radio group (`Horizontal` or `Vertical`). | `Orientation::Horizontal` |
+
+#### Behavioral Props
+
+| Property   | Type               | Description                                         | Default |
+| ---------- | ------------------ | --------------------------------------------------- | ------- |
+| `onchange` | `Callback<String>` | Callback triggered when the selected value changes. | No-op   |
+
+### `Radio` Component Props
+
+#### **Main Props**
+
+| Property   | Type           | Description                                             | Default |
+| ---------- | -------------- | ------------------------------------------------------- | ------- |
+| `label`    | `&'static str` | Text label displayed alongside the radio button.        | `""`    |
+| `value`    | `&'static str` | Unique value for the radio button.                      | `""`    |
+| `src`      | `&'static str` | Optional image URL to display next to the radio button. | `""`    |
+| `selected` | `bool`         | Indicates whether this radio button is selected.        | `false` |
+| `disabled` | `bool`         | Disables the radio button when `true`.                  | `false` |
+
+#### **Styling Props**
+
+```sh
++-----------------------------------------------------------+
+|                   [Radio Container]                       |  <-- `class` & `style`
+|                                                           |
+|   +-------------------------------------------------+     |  <-- `selected_class` & `selected_style` (when selected)
+|   |               [Radio Button]                    |     |  <-- `disabled_class` & `disabled_style` (when disabled)
+|   |                                                 |     |
+|   |   +---------------------------------------+     |     |
+|   |   |           [Hidden Input]              |     |     |  <-- `input_class` & `input_style`
+|   |   +---------------------------------------+     |     |
+|   |                                                 |     |
+|   |   +---------------------------------------+     |     |
+|   |   |         [Optional Image]              |     |     |  <-- `image_class` & `image_style`
+|   |   +---------------------------------------+     |     |
+|   |                                                 |     |
+|   |   +---------------------------------------+     |     |
+|   |   |          [Radio Label]                |     |     |  <-- `label_class` & `label_style`
+|   |   +---------------------------------------+     |     |
+|   +-------------------------------------------------+     |
+|                                                           |
++-----------------------------------------------------------+
+```
+
+| Property          | Type           | Description                                                      | Default              |
+| ----------------- | -------------- | ---------------------------------------------------------------- | -------------------- |
+| `style`           | `&'static str` | Custom inline styles for the radio container.                    | `""`                 |
+| `class`           | `&'static str` | CSS class for the radio container.                               | `""`                 |
+| `label_style`     | `&'static str` | Inline styles for the radio label.                               | `""`                 |
+| `label_class`     | `&'static str` | CSS class for the radio label.                                   | `""`                 |
+| `image_style`     | `&'static str` | Inline styles for the image (if `src` is provided).              | `""`                 |
+| `image_class`     | `&'static str` | CSS class for the image (if `src` is provided).                  | `""`                 |
+| `size`            | `Size`         | Size of the radio button (`Small`, `Medium`, `Large`).           | `Size::XSmall`       |
+| `type`            | `Type`         | Styling type of the radio button (e.g., `Primary`, `Secondary`). | `Type::None`         |
+| `selected_style`  | `&'static str` | Inline styles for the selected state of the radio button.        | `""`                 |
+| `selected_class`  | `&'static str` | CSS class for the selected state of the radio button.            | `""`                 |
+| `disabled_style`  | `&'static str` | Inline styles for the disabled state of the radio button.        | `""`                 |
+| `disabled_class`  | `&'static str` | CSS class for the disabled state of the radio button.            | `""`                 |
+| `animation_style` | `&'static str` | Inline styles for animations applied to the radio button.        | `""`                 |
+| `animation_class` | `&'static str` | CSS class for animations applied to the radio button.            | `""`                 |
+| `input_style`     | `&'static str` | Inline styles for the hidden `<input>` element.                  | `HIDDEN_INPUT_STYLE` |
+| `input_class`     | `&'static str` | CSS class for the hidden `<input>` element.                      | `""`                 |
+
+#### Behavioral Props
+
+| Property  | Type               | Description                                          | Default |
+| --------- | ------------------ | ---------------------------------------------------- | ------- |
+| `onclick` | `Callback<String>` | Callback triggered when the radio button is clicked. | No-op   |
+
+## 💡 Notes
+
+- Use the `Group` component to manage state for multiple `Radio` components easily.
+- Callback props like `onchange` and `onclick` allow you to handle user interactions effectively.
+- Make sure the `value` for each `Radio` is unique within the `Group` to avoid conflicts.
+- The `orientation` prop in the `Group` component helps align the radio buttons vertically or horizontally.
+- Customize the appearance using the provided `class` and `style` props or by applying your own CSS (pure css, tailwind, bootstrap, etc).
diff --git a/assets/demo.gif b/assets/demo.gif
new file mode 100644
index 0000000..c806027
Binary files /dev/null and b/assets/demo.gif differ
diff --git a/assets/favicon.png b/assets/favicon.png
new file mode 100644
index 0000000..7f0698c
Binary files /dev/null and b/assets/favicon.png differ
diff --git a/assets/logo.webp b/assets/logo.webp
new file mode 100644
index 0000000..bc2bcd1
Binary files /dev/null and b/assets/logo.webp differ
diff --git a/examples/yew/.gitignore b/examples/yew/.gitignore
new file mode 100644
index 0000000..8400db7
--- /dev/null
+++ b/examples/yew/.gitignore
@@ -0,0 +1,2 @@
+target/**/*
+dist/**/*
\ No newline at end of file
diff --git a/examples/yew/Cargo.lock b/examples/yew/Cargo.lock
new file mode 100644
index 0000000..97eeb19
--- /dev/null
+++ b/examples/yew/Cargo.lock
@@ -0,0 +1,1232 @@
+# This file is automatically @generated by Cargo.
+# It is not intended for manual editing.
+version = 3
+
+[[package]]
+name = "accordion-rs-yew-example"
+version = "0.1.0"
+dependencies = [
+ "console_error_panic_hook",
+ "log",
+ "radiors",
+ "wasm-logger",
+ "yew",
+ "yew-router",
+]
+
+[[package]]
+name = "addr2line"
+version = "0.21.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8a30b2e23b9e17a9f90641c7ab1549cd9b44f296d3ccbf309d2863cfe398a0cb"
+dependencies = [
+ "gimli",
+]
+
+[[package]]
+name = "adler"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f26201604c87b1e01bd3d98f8d5d9a8fcbb815e8cedb41ffccbeb4bf593a35fe"
+
+[[package]]
+name = "anymap2"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d301b3b94cb4b2f23d7917810addbbaff90738e0ca2be692bd027e70d7e0330c"
+
+[[package]]
+name = "autocfg"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d468802bab17cbc0cc575e9b053f41e72aa36bfa6b7f55e3529ffa43161b97fa"
+
+[[package]]
+name = "backtrace"
+version = "0.3.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2089b7e3f35b9dd2d0ed921ead4f6d318c27680d4a5bd167b3ee120edb105837"
+dependencies = [
+ "addr2line",
+ "cc",
+ "cfg-if",
+ "libc",
+ "miniz_oxide",
+ "object",
+ "rustc-demangle",
+]
+
+[[package]]
+name = "bincode"
+version = "1.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b1f45e9417d87227c7a56d22e471c6206462cba514c7590c09aff4cf6d1ddcad"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "boolinator"
+version = "2.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cfa8873f51c92e232f9bac4065cddef41b714152812bfc5f7672ba16d6ef8cd9"
+
+[[package]]
+name = "bumpalo"
+version = "3.14.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f30e7476521f6f8af1a1c4c0b8cc94f0bee37d91763d0ca2665f299b6cd8aec"
+
+[[package]]
+name = "bytes"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a2bd12c1caf447e69cd4528f47f94d203fd2582878ecb9e9465484c4148a8223"
+
+[[package]]
+name = "cc"
+version = "1.0.83"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f1174fb0b6ec23863f8b971027804a42614e347eafb0a95bf0b12cdae21fc4d0"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "cfg-if"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd"
+
+[[package]]
+name = "console_error_panic_hook"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a06aeb73f470f66dcdbf7223caeebb85984942f22f1adb2a088cf9668146bbbc"
+dependencies = [
+ "cfg-if",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "equivalent"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5443807d6dff69373d433ab9ef5378ad8df50ca6298caf15de6e52e24aaf54d5"
+
+[[package]]
+name = "fnv"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"
+
+[[package]]
+name = "form_urlencoded"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e13624c2627564efccf4934284bdd98cbaa14e79b0b5a141218e507b3a823456"
+dependencies = [
+ "percent-encoding",
+]
+
+[[package]]
+name = "futures"
+version = "0.3.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "645c6916888f6cb6350d2550b80fb63e734897a8498abe35cfb732b6487804b0"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-channel"
+version = "0.3.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eac8f7d7865dcb88bd4373ab671c8cf4508703796caa2b1985a9ca867b3fcb78"
+dependencies = [
+ "futures-core",
+ "futures-sink",
+]
+
+[[package]]
+name = "futures-core"
+version = "0.3.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dfc6580bb841c5a68e9ef15c77ccc837b40a7504914d52e47b8b0e9bbda25a1d"
+
+[[package]]
+name = "futures-io"
+version = "0.3.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a44623e20b9681a318efdd71c299b6b222ed6f231972bfe2f224ebad6311f0c1"
+
+[[package]]
+name = "futures-macro"
+version = "0.3.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87750cf4b7a4c0625b1529e4c543c2182106e4dedc60a2a6455e00d212c489ac"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.48",
+]
+
+[[package]]
+name = "futures-sink"
+version = "0.3.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9fb8e00e87438d937621c1c6269e53f536c14d3fbd6a042bb24879e57d474fb5"
+
+[[package]]
+name = "futures-task"
+version = "0.3.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "38d84fa142264698cdce1a9f9172cf383a0c82de1bddcf3092901442c4097004"
+
+[[package]]
+name = "futures-util"
+version = "0.3.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3d6401deb83407ab3da39eba7e33987a73c3df0c82b4bb5813ee871c19c41d48"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-macro",
+ "futures-sink",
+ "futures-task",
+ "memchr",
+ "pin-project-lite",
+ "pin-utils",
+ "slab",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.2.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "190092ea657667030ac6a35e305e62fc4dd69fd98ac98631e5d3a2b1575a12b5"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "libc",
+ "wasi",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "gimli"
+version = "0.28.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4271d37baee1b8c7e4b708028c57d816cf9d2434acb33a549475f78c181f6253"
+
+[[package]]
+name = "gloo"
+version = "0.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "28999cda5ef6916ffd33fb4a7b87e1de633c47c0dc6d97905fee1cdaa142b94d"
+dependencies = [
+ "gloo-console 0.2.3",
+ "gloo-dialogs 0.1.1",
+ "gloo-events 0.1.2",
+ "gloo-file 0.2.3",
+ "gloo-history 0.1.5",
+ "gloo-net 0.3.1",
+ "gloo-render 0.1.1",
+ "gloo-storage 0.2.2",
+ "gloo-timers 0.2.6",
+ "gloo-utils 0.1.7",
+ "gloo-worker 0.2.1",
+]
+
+[[package]]
+name = "gloo"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd35526c28cc55c1db77aed6296de58677dbab863b118483a27845631d870249"
+dependencies = [
+ "gloo-console 0.3.0",
+ "gloo-dialogs 0.2.0",
+ "gloo-events 0.2.0",
+ "gloo-file 0.3.0",
+ "gloo-history 0.2.2",
+ "gloo-net 0.4.0",
+ "gloo-render 0.2.0",
+ "gloo-storage 0.3.0",
+ "gloo-timers 0.3.0",
+ "gloo-utils 0.2.0",
+ "gloo-worker 0.4.0",
+]
+
+[[package]]
+name = "gloo-console"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "82b7ce3c05debe147233596904981848862b068862e9ec3e34be446077190d3f"
+dependencies = [
+ "gloo-utils 0.1.7",
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-console"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2a17868f56b4a24f677b17c8cb69958385102fa879418052d60b50bc1727e261"
+dependencies = [
+ "gloo-utils 0.2.0",
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-dialogs"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "67062364ac72d27f08445a46cab428188e2e224ec9e37efdba48ae8c289002e6"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-dialogs"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf4748e10122b01435750ff530095b1217cf6546173459448b83913ebe7815df"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-events"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68b107f8abed8105e4182de63845afcc7b69c098b7852a813ea7462a320992fc"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-events"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "27c26fb45f7c385ba980f5fa87ac677e363949e065a083722697ef1b2cc91e41"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-file"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a8d5564e570a38b43d78bdc063374a0c3098c4f0d64005b12f9bbe87e869b6d7"
+dependencies = [
+ "gloo-events 0.1.2",
+ "js-sys",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-file"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "97563d71863fb2824b2e974e754a81d19c4a7ec47b09ced8a0e6656b6d54bd1f"
+dependencies = [
+ "futures-channel",
+ "gloo-events 0.2.0",
+ "js-sys",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-history"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85725d90bf0ed47063b3930ef28e863658a7905989e9929a8708aab74a1d5e7f"
+dependencies = [
+ "gloo-events 0.1.2",
+ "gloo-utils 0.1.7",
+ "serde",
+ "serde-wasm-bindgen 0.5.0",
+ "serde_urlencoded",
+ "thiserror",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-history"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "903f432be5ba34427eac5e16048ef65604a82061fe93789f2212afc73d8617d6"
+dependencies = [
+ "getrandom",
+ "gloo-events 0.2.0",
+ "gloo-utils 0.2.0",
+ "serde",
+ "serde-wasm-bindgen 0.6.3",
+ "serde_urlencoded",
+ "thiserror",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-net"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a66b4e3c7d9ed8d315fd6b97c8b1f74a7c6ecbbc2320e65ae7ed38b7068cc620"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-sink",
+ "gloo-utils 0.1.7",
+ "http",
+ "js-sys",
+ "pin-project",
+ "serde",
+ "serde_json",
+ "thiserror",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-net"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ac9e8288ae2c632fa9f8657ac70bfe38a1530f345282d7ba66a1f70b72b7dc4"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-sink",
+ "gloo-utils 0.2.0",
+ "http",
+ "js-sys",
+ "pin-project",
+ "serde",
+ "serde_json",
+ "thiserror",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-render"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2fd9306aef67cfd4449823aadcd14e3958e0800aa2183955a309112a84ec7764"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-render"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "56008b6744713a8e8d98ac3dcb7d06543d5662358c9c805b4ce2167ad4649833"
+dependencies = [
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-storage"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d6ab60bf5dbfd6f0ed1f7843da31b41010515c745735c970e821945ca91e480"
+dependencies = [
+ "gloo-utils 0.1.7",
+ "js-sys",
+ "serde",
+ "serde_json",
+ "thiserror",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-storage"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fbc8031e8c92758af912f9bc08fbbadd3c6f3cfcbf6b64cdf3d6a81f0139277a"
+dependencies = [
+ "gloo-utils 0.2.0",
+ "js-sys",
+ "serde",
+ "serde_json",
+ "thiserror",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-timers"
+version = "0.2.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b995a66bb87bebce9a0f4a95aed01daca4872c050bfcb21653361c03bc35e5c"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "gloo-timers"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bbb143cf96099802033e0d4f4963b19fd2e0b728bcf076cd9cf7f6634f092994"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "gloo-utils"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "037fcb07216cb3a30f7292bd0176b050b7b9a052ba830ef7d5d65f6dc64ba58e"
+dependencies = [
+ "js-sys",
+ "serde",
+ "serde_json",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-utils"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b5555354113b18c547c1d3a98fbf7fb32a9ff4f6fa112ce823a21641a0ba3aa"
+dependencies = [
+ "js-sys",
+ "serde",
+ "serde_json",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-worker"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13471584da78061a28306d1359dd0178d8d6fc1c7c80e5e35d27260346e0516a"
+dependencies = [
+ "anymap2",
+ "bincode",
+ "gloo-console 0.2.3",
+ "gloo-utils 0.1.7",
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-worker"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "76495d3dd87de51da268fa3a593da118ab43eb7f8809e17eb38d3319b424e400"
+dependencies = [
+ "bincode",
+ "futures",
+ "gloo-utils 0.2.0",
+ "gloo-worker-macros",
+ "js-sys",
+ "pinned",
+ "serde",
+ "thiserror",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
+[[package]]
+name = "gloo-worker-macros"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "956caa58d4857bc9941749d55e4bd3000032d8212762586fa5705632967140e7"
+dependencies = [
+ "proc-macro-crate",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.48",
+]
+
+[[package]]
+name = "hashbrown"
+version = "0.14.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "290f1a1d9242c78d09ce40a5e87e7554ee637af1351968159f4952f028f75604"
+
+[[package]]
+name = "hermit-abi"
+version = "0.3.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d3d0e0f38255e7fa3cf31335b3a56f05febd18025f4db5ef7a0cfb4f8da651f"
+
+[[package]]
+name = "http"
+version = "0.2.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8947b1a6fad4393052c7ba1f4cd97bed3e953a95c79c92ad9b051a04611d9fbb"
+dependencies = [
+ "bytes",
+ "fnv",
+ "itoa",
+]
+
+[[package]]
+name = "implicit-clone"
+version = "0.4.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fc06a255cbf402a52ae399c05a518c68c569c916ea11423620111df576b9b9bb"
+dependencies = [
+ "implicit-clone-derive",
+ "indexmap",
+]
+
+[[package]]
+name = "implicit-clone-derive"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9311685eb9a34808bbb0608ad2fcab9ae216266beca5848613e95553ac914e3b"
+dependencies = [
+ "quote",
+ "syn 2.0.48",
+]
+
+[[package]]
+name = "indexmap"
+version = "2.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d530e1a18b1cb4c484e6e34556a0d948706958449fca0cab753d649f2bce3d1f"
+dependencies = [
+ "equivalent",
+ "hashbrown",
+]
+
+[[package]]
+name = "itoa"
+version = "1.0.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b1a46d1a171d865aa5f83f92695765caa047a9b4cbae2cbf37dbd613a793fd4c"
+
+[[package]]
+name = "js-sys"
+version = "0.3.76"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6717b6b5b077764fb5966237269cb3c64edddde4b14ce42647430a78ced9e7b7"
+dependencies = [
+ "once_cell",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "libc"
+version = "0.2.152"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13e3bf6590cbc649f4d1a3eefc9d5d6eb746f5200ffb04e5e142700b8faa56e7"
+
+[[package]]
+name = "log"
+version = "0.4.22"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a7a70ba024b9dc04c27ea2f0c0548feb474ec5c54bba33a7f72f873a39d07b24"
+
+[[package]]
+name = "memchr"
+version = "2.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "523dc4f511e55ab87b694dc30d0f820d60906ef06413f93d4d7a1385599cc149"
+
+[[package]]
+name = "miniz_oxide"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e7810e0be55b428ada41041c41f32c9f1a42817901b4ccf45fa3d4b6561e74c7"
+dependencies = [
+ "adler",
+]
+
+[[package]]
+name = "num_cpus"
+version = "1.16.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4161fcb6d602d4d2081af7c3a45852d875a03dd337a6bfdd6e06407b61342a43"
+dependencies = [
+ "hermit-abi",
+ "libc",
+]
+
+[[package]]
+name = "object"
+version = "0.32.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a6a622008b6e321afc04970976f62ee297fdbaa6f95318ca343e3eebb9648441"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "once_cell"
+version = "1.19.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3fdb12b2476b595f9358c5161aa467c2438859caa136dec86c26fdd2efe17b92"
+
+[[package]]
+name = "percent-encoding"
+version = "2.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3148f5046208a5d56bcfc03053e3ca6334e51da8dfb19b6cdc8b306fae3283e"
+
+[[package]]
+name = "pin-project"
+version = "1.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fda4ed1c6c173e3fc7a83629421152e01d7b1f9b7f65fb301e490e8cfc656422"
+dependencies = [
+ "pin-project-internal",
+]
+
+[[package]]
+name = "pin-project-internal"
+version = "1.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4359fd9c9171ec6e8c62926d6faaf553a8dc3f64e1507e76da7911b4f6a04405"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.48",
+]
+
+[[package]]
+name = "pin-project-lite"
+version = "0.2.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8afb450f006bf6385ca15ef45d71d2288452bc3683ce2e2cacc0d18e4be60b58"
+
+[[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 = "prettyplease"
+version = "0.2.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a41cf62165e97c7f814d2221421dbb9afcbcdb0a88068e5ea206e19951c2cbb5"
+dependencies = [
+ "proc-macro2",
+ "syn 2.0.48",
+]
+
+[[package]]
+name = "proc-macro-crate"
+version = "1.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f4c021e1093a56626774e81216a4ce732a735e5bad4868a03f3ed65ca0c3919"
+dependencies = [
+ "once_cell",
+ "toml_edit",
+]
+
+[[package]]
+name = "proc-macro-error"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "da25490ff9892aab3fcf7c36f08cfb902dd3e71ca0f9f9517bea02a73a5ce38c"
+dependencies = [
+ "proc-macro-error-attr",
+ "proc-macro2",
+ "quote",
+ "syn 1.0.109",
+ "version_check",
+]
+
+[[package]]
+name = "proc-macro-error-attr"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a1be40180e52ecc98ad80b184934baf3d0d29f979574e439af5a55274b35f869"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "version_check",
+]
+
+[[package]]
+name = "proc-macro2"
+version = "1.0.78"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e2422ad645d89c99f8f3e6b88a9fdeca7fabeac836b1002371c4367c8f984aae"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "prokio"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "03b55e106e5791fa5a13abd13c85d6127312e8e09098059ca2bc9b03ca4cf488"
+dependencies = [
+ "futures",
+ "gloo 0.8.1",
+ "num_cpus",
+ "once_cell",
+ "pin-project",
+ "pinned",
+ "tokio",
+ "tokio-stream",
+ "wasm-bindgen-futures",
+]
+
+[[package]]
+name = "quote"
+version = "1.0.35"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "291ec9ab5efd934aaf503a6466c5d5251535d108ee747472c3977cc5acc868ef"
+dependencies = [
+ "proc-macro2",
+]
+
+[[package]]
+name = "radiors"
+version = "0.0.1"
+dependencies = [
+ "web-sys",
+ "yew",
+]
+
+[[package]]
+name = "route-recognizer"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "afab94fb28594581f62d981211a9a4d53cc8130bbcbbb89a0440d9b8e81a7746"
+
+[[package]]
+name = "rustc-demangle"
+version = "0.1.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d626bb9dae77e28219937af045c257c28bfd3f69333c512553507f5f9798cb76"
+
+[[package]]
+name = "rustversion"
+version = "1.0.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7ffc183a10b4478d04cbbbfc96d0873219d962dd5accaff2ffbd4ceb7df837f4"
+
+[[package]]
+name = "ryu"
+version = "1.0.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f98d2aa92eebf49b69786be48e4477826b256916e84a57ff2a4f21923b48eb4c"
+
+[[package]]
+name = "serde"
+version = "1.0.195"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "63261df402c67811e9ac6def069e4786148c4563f4b50fd4bf30aa370d626b02"
+dependencies = [
+ "serde_derive",
+]
+
+[[package]]
+name = "serde-wasm-bindgen"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f3b143e2833c57ab9ad3ea280d21fd34e285a42837aeb0ee301f4f41890fa00e"
+dependencies = [
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "serde-wasm-bindgen"
+version = "0.6.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b9b713f70513ae1f8d92665bbbbda5c295c2cf1da5542881ae5eefe20c9af132"
+dependencies = [
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "serde_derive"
+version = "1.0.195"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "46fe8f8603d81ba86327b23a2e9cdf49e1255fb94a4c5f297f6ee0547178ea2c"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.48",
+]
+
+[[package]]
+name = "serde_json"
+version = "1.0.111"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "176e46fa42316f18edd598015a5166857fc835ec732f5215eac6b7bdbf0a84f4"
+dependencies = [
+ "itoa",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "serde_urlencoded"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d3491c14715ca2294c4d6a88f15e84739788c1d030eed8c110436aafdaa2f3fd"
+dependencies = [
+ "form_urlencoded",
+ "itoa",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "slab"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f92a496fb766b417c996b9c5e57daf2f7ad3b0bebe1ccfca4856390e3d3bb67"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "syn"
+version = "1.0.109"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72b64191b275b66ffe2469e8af2c1cfe3bafa67b529ead792a6d0160888b4237"
+dependencies = [
+ "proc-macro2",
+ "unicode-ident",
+]
+
+[[package]]
+name = "syn"
+version = "2.0.48"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0f3531638e407dfc0814761abb7c00a5b54992b849452a0646b7f65c9f770f3f"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-ident",
+]
+
+[[package]]
+name = "thiserror"
+version = "1.0.56"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d54378c645627613241d077a3a79db965db602882668f9136ac42af9ecb730ad"
+dependencies = [
+ "thiserror-impl",
+]
+
+[[package]]
+name = "thiserror-impl"
+version = "1.0.56"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fa0faa943b50f3db30a20aa7e265dbc66076993efed8463e8de414e5d06d3471"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.48",
+]
+
+[[package]]
+name = "tokio"
+version = "1.35.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c89b4efa943be685f629b149f53829423f8f5531ea21249408e8e2f8671ec104"
+dependencies = [
+ "backtrace",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "tokio-stream"
+version = "0.1.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "397c988d37662c7dda6d2208364a706264bf3d6138b11d436cbac0ad38832842"
+dependencies = [
+ "futures-core",
+ "pin-project-lite",
+ "tokio",
+]
+
+[[package]]
+name = "toml_datetime"
+version = "0.6.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3550f4e9685620ac18a50ed434eb3aec30db8ba93b0287467bca5826ea25baf1"
+
+[[package]]
+name = "toml_edit"
+version = "0.19.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1b5bb770da30e5cbfde35a2d7b9b8a2c4b8ef89548a7a6aeab5c9a576e3e7421"
+dependencies = [
+ "indexmap",
+ "toml_datetime",
+ "winnow",
+]
+
+[[package]]
+name = "tracing"
+version = "0.1.40"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c3523ab5a71916ccf420eebdf5521fcef02141234bbc0b8a49f2fdc4544364ef"
+dependencies = [
+ "pin-project-lite",
+ "tracing-attributes",
+ "tracing-core",
+]
+
+[[package]]
+name = "tracing-attributes"
+version = "0.1.27"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "34704c8d6ebcbc939824180af020566b01a7c01f80641264eba0999f6c2b6be7"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.48",
+]
+
+[[package]]
+name = "tracing-core"
+version = "0.1.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c06d3da6113f116aaee68e4d601191614c9053067f9ab7f6edbcb161237daa54"
+dependencies = [
+ "once_cell",
+]
+
+[[package]]
+name = "unicode-ident"
+version = "1.0.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3354b9ac3fae1ff6755cb6db53683adb661634f67557942dea4facebec0fee4b"
+
+[[package]]
+name = "urlencoding"
+version = "2.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "daf8dba3b7eb870caf1ddeed7bc9d2a049f3cfdfae7cb521b087cc33ae4c49da"
+
+[[package]]
+name = "version_check"
+version = "0.9.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "49874b5167b65d7193b8aba1567f5c7d93d001cafc34600cee003eda787e483f"
+
+[[package]]
+name = "wasi"
+version = "0.11.0+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"
+
+[[package]]
+name = "wasm-bindgen"
+version = "0.2.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a474f6281d1d70c17ae7aa6a613c87fce69a127e2624002df63dcb39d6cf6396"
+dependencies = [
+ "cfg-if",
+ "once_cell",
+ "wasm-bindgen-macro",
+]
+
+[[package]]
+name = "wasm-bindgen-backend"
+version = "0.2.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5f89bb38646b4f81674e8f5c3fb81b562be1fd936d84320f3264486418519c79"
+dependencies = [
+ "bumpalo",
+ "log",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.48",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-futures"
+version = "0.4.49"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "38176d9b44ea84e9184eff0bc34cc167ed044f816accfe5922e54d84cf48eca2"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "once_cell",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "wasm-bindgen-macro"
+version = "0.2.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2cc6181fd9a7492eef6fef1f33961e3695e4579b9872a6f7c83aee556666d4fe"
+dependencies = [
+ "quote",
+ "wasm-bindgen-macro-support",
+]
+
+[[package]]
+name = "wasm-bindgen-macro-support"
+version = "0.2.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "30d7a95b763d3c45903ed6c81f156801839e5ee968bb07e534c44df0fcd330c2"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.48",
+ "wasm-bindgen-backend",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-shared"
+version = "0.2.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "943aab3fdaaa029a6e0271b35ea10b72b943135afe9bffca82384098ad0e06a6"
+
+[[package]]
+name = "wasm-logger"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "074649a66bb306c8f2068c9016395fa65d8e08d2affcbf95acf3c24c3ab19718"
+dependencies = [
+ "log",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "web-sys"
+version = "0.3.76"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "04dd7223427d52553d3702c004d3b2fe07c148165faa56313cb00211e31c12bc"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "winnow"
+version = "0.5.34"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b7cf47b659b318dccbd69cc4797a39ae128f533dce7902a1096044d1967b9c16"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "yew"
+version = "0.21.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5f1a03f255c70c7aa3e9c62e15292f142ede0564123543c1cc0c7a4f31660cac"
+dependencies = [
+ "console_error_panic_hook",
+ "futures",
+ "gloo 0.10.0",
+ "implicit-clone",
+ "indexmap",
+ "js-sys",
+ "prokio",
+ "rustversion",
+ "serde",
+ "slab",
+ "thiserror",
+ "tokio",
+ "tracing",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+ "yew-macro",
+]
+
+[[package]]
+name = "yew-macro"
+version = "0.21.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "02fd8ca5166d69e59f796500a2ce432ff751edecbbb308ca59fd3fe4d0343de2"
+dependencies = [
+ "boolinator",
+ "once_cell",
+ "prettyplease",
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.48",
+]
+
+[[package]]
+name = "yew-router"
+version = "0.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ca1d5052c96e6762b4d6209a8aded597758d442e6c479995faf0c7b5538e0c6"
+dependencies = [
+ "gloo 0.10.0",
+ "js-sys",
+ "route-recognizer",
+ "serde",
+ "serde_urlencoded",
+ "tracing",
+ "urlencoding",
+ "wasm-bindgen",
+ "web-sys",
+ "yew",
+ "yew-router-macro",
+]
+
+[[package]]
+name = "yew-router-macro"
+version = "0.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "42bfd190a07ca8cfde7cd4c52b3ac463803dc07323db8c34daa697e86365978c"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.48",
+]
diff --git a/examples/yew/Cargo.toml b/examples/yew/Cargo.toml
new file mode 100644
index 0000000..2136dfb
--- /dev/null
+++ b/examples/yew/Cargo.toml
@@ -0,0 +1,21 @@
+[package]
+name = "accordion-rs-yew-example"
+version = "0.1.0"
+authors = ["Mahmoud Harmouch <oss@wiseai.dev>"]
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+radiors = { path = "../../", features = ["yew"] }
+console_error_panic_hook = "0.1.7"
+log = "0.4.22"
+wasm-logger = "0.2.0"
+yew = { version = "0.21.0", features = ["csr"], default-features = false }
+yew-router = { version = "0.18.0", default-features = false }
+
+[profile.release]
+codegen-units = 1
+opt-level = "z"
+lto = "thin"
+strip = "symbols"
diff --git a/examples/yew/LICENSE b/examples/yew/LICENSE
new file mode 100644
index 0000000..e3b204b
--- /dev/null
+++ b/examples/yew/LICENSE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1.  Definitions.
+
+    "License" shall mean the terms and conditions for use, reproduction,
+    and distribution as defined by Sections 1 through 9 of this document.
+
+    "Licensor" shall mean the copyright owner or entity authorized by
+    the copyright owner that is granting the License.
+
+    "Legal Entity" shall mean the union of the acting entity and all
+    other entities that control, are controlled by, or are under common
+    control with that entity. For the purposes of this definition,
+    "control" means (i) the power, direct or indirect, to cause the
+    direction or management of such entity, whether by contract or
+    otherwise, or (ii) ownership of fifty percent (50%) or more of the
+    outstanding shares, or (iii) beneficial ownership of such entity.
+
+    "You" (or "Your") shall mean an individual or Legal Entity
+    exercising permissions granted by this License.
+
+    "Source" form shall mean the preferred form for making modifications,
+    including but not limited to software source code, documentation
+    source, and configuration files.
+
+    "Object" form shall mean any form resulting from mechanical
+    transformation or translation of a Source form, including but
+    not limited to compiled object code, generated documentation,
+    and conversions to other media types.
+
+    "Work" shall mean the work of authorship, whether in Source or
+    Object form, made available under the License, as indicated by a
+    copyright notice that is included in or attached to the work
+    (an example is provided in the Appendix below).
+
+    "Derivative Works" shall mean any work, whether in Source or Object
+    form, that is based on (or derived from) the Work and for which the
+    editorial revisions, annotations, elaborations, or other modifications
+    represent, as a whole, an original work of authorship. For the purposes
+    of this License, Derivative Works shall not include works that remain
+    separable from, or merely link (or bind by name) to the interfaces of,
+    the Work and Derivative Works thereof.
+
+    "Contribution" shall mean any work of authorship, including
+    the original version of the Work and any modifications or additions
+    to that Work or Derivative Works thereof, that is intentionally
+    submitted to Licensor for inclusion in the Work by the copyright owner
+    or by an individual or Legal Entity authorized to submit on behalf of
+    the copyright owner. For the purposes of this definition, "submitted"
+    means any form of electronic, verbal, or written communication sent
+    to the Licensor or its representatives, including but not limited to
+    communication on electronic mailing lists, source code control systems,
+    and issue tracking systems that are managed by, or on behalf of, the
+    Licensor for the purpose of discussing and improving the Work, but
+    excluding communication that is conspicuously marked or otherwise
+    designated in writing by the copyright owner as "Not a Contribution."
+
+    "Contributor" shall mean Licensor and any individual or Legal Entity
+    on behalf of whom a Contribution has been received by Licensor and
+    subsequently incorporated within the Work.
+
+2.  Grant of Copyright License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    copyright license to reproduce, prepare Derivative Works of,
+    publicly display, publicly perform, sublicense, and distribute the
+    Work and such Derivative Works in Source or Object form.
+
+3.  Grant of Patent License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    (except as stated in this section) patent license to make, have made,
+    use, offer to sell, sell, import, and otherwise transfer the Work,
+    where such license applies only to those patent claims licensable
+    by such Contributor that are necessarily infringed by their
+    Contribution(s) alone or by combination of their Contribution(s)
+    with the Work to which such Contribution(s) was submitted. If You
+    institute patent litigation against any entity (including a
+    cross-claim or counterclaim in a lawsuit) alleging that the Work
+    or a Contribution incorporated within the Work constitutes direct
+    or contributory patent infringement, then any patent licenses
+    granted to You under this License for that Work shall terminate
+    as of the date such litigation is filed.
+
+4.  Redistribution. You may reproduce and distribute copies of the
+    Work or Derivative Works thereof in any medium, with or without
+    modifications, and in Source or Object form, provided that You
+    meet the following conditions:
+
+    (a) You must give any other recipients of the Work or
+    Derivative Works a copy of this License; and
+
+    (b) You must cause any modified files to carry prominent notices
+    stating that You changed the files; and
+
+    (c) You must retain, in the Source form of any Derivative Works
+    that You distribute, all copyright, patent, trademark, and
+    attribution notices from the Source form of the Work,
+    excluding those notices that do not pertain to any part of
+    the Derivative Works; and
+
+    (d) If the Work includes a "NOTICE" text file as part of its
+    distribution, then any Derivative Works that You distribute must
+    include a readable copy of the attribution notices contained
+    within such NOTICE file, excluding those notices that do not
+    pertain to any part of the Derivative Works, in at least one
+    of the following places: within a NOTICE text file distributed
+    as part of the Derivative Works; within the Source form or
+    documentation, if provided along with the Derivative Works; or,
+    within a display generated by the Derivative Works, if and
+    wherever such third-party notices normally appear. The contents
+    of the NOTICE file are for informational purposes only and
+    do not modify the License. You may add Your own attribution
+    notices within Derivative Works that You distribute, alongside
+    or as an addendum to the NOTICE text from the Work, provided
+    that such additional attribution notices cannot be construed
+    as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and
+    may provide additional or different license terms and conditions
+    for use, reproduction, or distribution of Your modifications, or
+    for any such Derivative Works as a whole, provided Your use,
+    reproduction, and distribution of the Work otherwise complies with
+    the conditions stated in this License.
+
+5.  Submission of Contributions. Unless You explicitly state otherwise,
+    any Contribution intentionally submitted for inclusion in the Work
+    by You to the Licensor shall be under the terms and conditions of
+    this License, without any additional terms or conditions.
+    Notwithstanding the above, nothing herein shall supersede or modify
+    the terms of any separate license agreement you may have executed
+    with Licensor regarding such Contributions.
+
+6.  Trademarks. This License does not grant permission to use the trade
+    names, trademarks, service marks, or product names of the Licensor,
+    except as required for reasonable and customary use in describing the
+    origin of the Work and reproducing the content of the NOTICE file.
+
+7.  Disclaimer of Warranty. Unless required by applicable law or
+    agreed to in writing, Licensor provides the Work (and each
+    Contributor provides its Contributions) on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+    implied, including, without limitation, any warranties or conditions
+    of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+    PARTICULAR PURPOSE. You are solely responsible for determining the
+    appropriateness of using or redistributing the Work and assume any
+    risks associated with Your exercise of permissions under this License.
+
+8.  Limitation of Liability. In no event and under no legal theory,
+    whether in tort (including negligence), contract, or otherwise,
+    unless required by applicable law (such as deliberate and grossly
+    negligent acts) or agreed to in writing, shall any Contributor be
+    liable to You for damages, including any direct, indirect, special,
+    incidental, or consequential damages of any character arising as a
+    result of this License or out of the use or inability to use the
+    Work (including but not limited to damages for loss of goodwill,
+    work stoppage, computer failure or malfunction, or any and all
+    other commercial damages or losses), even if such Contributor
+    has been advised of the possibility of such damages.
+
+9.  Accepting Warranty or Additional Liability. While redistributing
+    the Work or Derivative Works thereof, You may choose to offer,
+    and charge a fee for, acceptance of support, warranty, indemnity,
+    or other liability obligations and/or rights consistent with this
+    License. However, in accepting such obligations, You may act only
+    on Your own behalf and on Your sole responsibility, not on behalf
+    of any other Contributor, and only if You agree to indemnify,
+    defend, and hold each Contributor harmless for any liability
+    incurred by, or claims asserted against, such Contributor by reason
+    of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+Copyright 2024 Mahmoud Harmouch
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/examples/yew/README.md b/examples/yew/README.md
new file mode 100644
index 0000000..466bce9
--- /dev/null
+++ b/examples/yew/README.md
@@ -0,0 +1,84 @@
+# 📚 Radio RS Yew Example
+
+## 🛠️ Pre-requisites:
+
+### 🐧 **Linux Users**
+
+1. **Install [`rustup`](https://www.rust-lang.org/tools/install)**:
+
+   ```sh
+   curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
+   ```
+
+1. **Install [`trunk`](https://trunkrs.dev/)**:
+
+   ```sh
+   cargo install --locked trunk
+   ```
+
+1. **Add the Wasm target**:
+
+   ```sh
+   rustup target add wasm32-unknown-unknown
+   ```
+
+### 🪟 **Windows Users**
+
+1. **Download and install `rustup`**: Follow the installation instructions [here](https://www.rust-lang.org/tools/install).
+
+1. **Install [Windows Subsystem for Linux (WSL)](https://learn.microsoft.com/en-us/windows/wsl/install)**: Open PowerShell as administrator and run:
+
+   ```sh
+   wsl --install
+   ```
+
+1. **Reset Network Stack**: In PowerShell (administrator mode), run:
+
+   ```sh
+   netsh int ip reset all
+   netsh winsock reset
+   ```
+
+1. **Install Linux packages in WSL**: Once inside your WSL terminal, update and install required dependencies:
+
+   ```sh
+   sudo apt update
+   sudo apt install build-essential pkg-config libudev-dev
+   ```
+
+1. **Install `trunk`**:
+
+   ```sh
+   cargo install --locked trunk
+   ```
+
+1. **Add the Wasm target**:
+
+   ```sh
+   rustup target add wasm32-unknown-unknown
+   ```
+
+## 🚀 Building and Running
+
+1. Fork/Clone the GitHub repository.
+
+   ```sh
+   git clone https://github.com/opensass/radio-rs
+   ```
+
+1. Navigate to the application directory.
+
+   ```sh
+   cd radio-rs/examples/yew
+   ```
+
+1. Run the client:
+
+   ```sh
+   trunk serve --port 3000
+   ```
+
+1. Uncomment this line:
+   https://github.com/opensass/radio-rs/blob/922acb1c2fabe758962a73bd61a272d88f6ac3a9/examples/yew/index.html#L5
+
+Navigate to http://localhost:3000 to explore all available components.
diff --git a/examples/yew/Trunk.toml b/examples/yew/Trunk.toml
new file mode 100644
index 0000000..123d93b
--- /dev/null
+++ b/examples/yew/Trunk.toml
@@ -0,0 +1,4 @@
+[[hooks]]
+stage = "post_build"
+command = "sh"
+command_arguments = ["-c", "npx tailwindcss -i ./css/tailwind.css -o ./dist/.stage/index.css"]
\ No newline at end of file
diff --git a/examples/yew/_redirects b/examples/yew/_redirects
new file mode 100644
index 0000000..f824337
--- /dev/null
+++ b/examples/yew/_redirects
@@ -0,0 +1 @@
+/* /index.html 200
\ No newline at end of file
diff --git a/examples/yew/assets/apple.png b/examples/yew/assets/apple.png
new file mode 100644
index 0000000..3a352cf
Binary files /dev/null and b/examples/yew/assets/apple.png differ
diff --git a/examples/yew/assets/linux.png b/examples/yew/assets/linux.png
new file mode 100644
index 0000000..a4e1c18
Binary files /dev/null and b/examples/yew/assets/linux.png differ
diff --git a/examples/yew/assets/windows.png b/examples/yew/assets/windows.png
new file mode 100644
index 0000000..82dbacd
Binary files /dev/null and b/examples/yew/assets/windows.png differ
diff --git a/examples/yew/css/tailwind.css b/examples/yew/css/tailwind.css
new file mode 100644
index 0000000..ea0b9fe
--- /dev/null
+++ b/examples/yew/css/tailwind.css
@@ -0,0 +1,15 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@tailwind variants;
+
+body {
+  color: #5e5c7f;
+  background-color: #303030;
+  font-family: "Rubik", sans-serif;
+  font-size: 16px;
+  line-height: 1.7;
+  overflow-x: hidden;
+}
diff --git a/examples/yew/index.html b/examples/yew/index.html
new file mode 100644
index 0000000..c0e31cf
--- /dev/null
+++ b/examples/yew/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <!-- <link data-trunk rel="css" href="./dist/index.css" type="text/css" /> -->
+    <title>Radio RS Yew Example</title>
+    <link data-trunk rel="copy-dir" href="assets" />
+    <link data-trunk rel="rust"/>
+    <base data-trunk-public-url />
+  </head>
+</html>
diff --git a/examples/yew/postcss.config.js b/examples/yew/postcss.config.js
new file mode 100644
index 0000000..33ad091
--- /dev/null
+++ b/examples/yew/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/examples/yew/src/app.rs b/examples/yew/src/app.rs
new file mode 100644
index 0000000..0fc22ea
--- /dev/null
+++ b/examples/yew/src/app.rs
@@ -0,0 +1,13 @@
+use yew::prelude::*;
+use yew_router::prelude::*;
+
+use crate::router::{switch, Route};
+
+#[function_component(App)]
+pub fn app() -> Html {
+    html! {
+      <BrowserRouter>
+           <Switch<Route> render={switch} />
+      </BrowserRouter>
+    }
+}
diff --git a/examples/yew/src/main.rs b/examples/yew/src/main.rs
new file mode 100644
index 0000000..8d912bf
--- /dev/null
+++ b/examples/yew/src/main.rs
@@ -0,0 +1,9 @@
+mod app;
+mod pages;
+mod router;
+
+fn main() {
+    console_error_panic_hook::set_once();
+    wasm_logger::init(wasm_logger::Config::default());
+    yew::Renderer::<app::App>::new().render();
+}
diff --git a/examples/yew/src/pages.rs b/examples/yew/src/pages.rs
new file mode 100644
index 0000000..4383171
--- /dev/null
+++ b/examples/yew/src/pages.rs
@@ -0,0 +1 @@
+pub mod landing;
diff --git a/examples/yew/src/pages/landing.rs b/examples/yew/src/pages/landing.rs
new file mode 100644
index 0000000..c433299
--- /dev/null
+++ b/examples/yew/src/pages/landing.rs
@@ -0,0 +1,492 @@
+use radiors::yew::{Group, Radio};
+use radiors::{Type, Orientation, Size};
+use yew::prelude::*;
+
+#[function_component(LandingPage)]
+pub fn landing_page() -> Html {
+    let os_selected = use_state(|| "mac".to_string());
+    let browser_selected = use_state(|| "chrome".to_string());
+    let size_selected = use_state(|| "medium".to_string());
+    let color_selected = use_state(|| "primary".to_string());
+    let advanced_color_selected = use_state(|| "primary".to_string());
+    let onchange =
+        |state: UseStateHandle<String>| Callback::from(move |value: String| state.set(value));
+
+    html! {
+        <div class="m-6 min-h-screen flex flex-col items-center justify-center">
+            <h1 class="text-3xl font-bold mb-8 text-white">{ "Radio RS Yew Examples" }</h1>
+            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8">
+                // Default Headless Radio Buttons
+                <div class="flex flex-col items-center bg-gray-200 p-4 rounded-lg shadow-md">
+                    <h2 class="text-xl font-bold mb-2">{ "Default Headless Radio Buttons" }</h2>
+                    <pre
+                        class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
+                    >
+                        { r#"<Group
+    selected={selected_state}
+    onchange={Callback::from(move |value: String| selected_state.set(value))}
+>
+    <Radio value="mac" label="Mac" input_style="" />
+    <Radio value="windows" label="Windows" input_style="" />
+    <Radio value="linux" label="Linux" input_style="" />
+</Group>"# }
+                    </pre>
+                    <Group
+                        selected={(*os_selected).clone()}
+                        onchange={onchange(os_selected.clone())}
+                    >
+                        <Radio value="mac" label="Mac" input_style="" />
+                        <Radio value="windows" label="Windows" input_style="" />
+                        <Radio value="linux" label="Linux" input_style="" />
+                    </Group>
+                </div>
+                // Horizontal Headless Radio Buttons
+                <div class="flex flex-col items-center bg-gray-200 p-4 rounded-lg shadow-md">
+                    <h2 class="text-xl font-bold mb-2">{ "Horizontal Headless Radio Buttons" }</h2>
+                    <pre
+                        class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
+                    >
+                        { r#"<Group
+    selected={selected_state}
+    onchange={Callback::from(move |value: String| selected_state.set(value))}
+    orientation={Orientation::Horizontal}
+>
+    <Radio value="mac" label="Mac" input_style="" />
+    <Radio value="windows" label="Windows" input_style="" />
+    <Radio value="linux" label="Linux" input_style="" />
+</Group>"# }
+                    </pre>
+                    <Group
+                        selected={(*os_selected).clone()}
+                        onchange={onchange(os_selected.clone())}
+                        orientation={Orientation::Horizontal}
+                    >
+                        <Radio value="mac" label="Mac" input_style="" />
+                        <Radio value="windows" label="Windows" input_style="" />
+                        <Radio value="linux" label="Linux" input_style="" />
+                    </Group>
+                </div>
+                // Disabled Radio Buttons
+                <div class="flex flex-col items-center bg-gray-200 p-4 rounded-lg shadow-md">
+                    <h2 class="text-xl font-bold mb-2">{ "Disabled Radio Buttons" }</h2>
+                    <pre
+                        class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
+                    >
+                        { r#"<Group
+    selected={selected_state}
+    onchange={Callback::from(move |value: String| selected_state.set(value))}
+>
+    <Radio value="chrome" label="Chrome" disabled=true input_style="" />
+    <Radio value="firefox" label="Firefox" disabled=true input_style="" />
+    <Radio value="edge" label="Edge" disabled=true input_style="" />
+</Group>"# }
+                    </pre>
+                    <Group
+                        selected={(*browser_selected).clone()}
+                        onchange={onchange(browser_selected.clone())}
+                    >
+                        <Radio value="chrome" label="Chrome" disabled=true input_style="" />
+                        <Radio value="firefox" label="Firefox" disabled=true input_style="" />
+                        <Radio value="edge" label="Edge" disabled=true input_style="" />
+                    </Group>
+                </div>
+                // Horizontal Radio Buttons With Images
+                <div class="flex flex-col items-center bg-gray-200 p-4 rounded-lg shadow-md">
+                    <h2 class="text-xl font-bold mb-2">
+                        { "Horizontal Radio Buttons With Images" }
+                    </h2>
+                    <pre
+                        class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
+                    >
+                        { r#"<Group
+    selected={selected_state}
+    onchange={Callback::from(move |value: String| selected_state.set(value))}
+    orientation={Orientation::Horizontal}
+    class="flex items-center gap-4 justify-center"
+>
+    <Radio
+        value="mac"
+        label="Mac"
+        src="assets/apple.png"
+        class="p-4 border-gray-400 border items-center rounded-lg cursor-pointer hover:shadow-md"
+        selected_class="border-blue-500 bg-blue-100 text-blue-800"
+        image_class="w-16"
+    />
+    <Radio
+        value="windows"
+        label="Windows"
+        src="assets/windows.png"
+        class="p-4 border-gray-400 border items-center rounded-lg cursor-pointer hover:shadow-md"
+        selected_class="border-blue-500 bg-blue-100 text-blue-800"
+        image_class="w-16"
+    />
+    <Radio
+        value="linux"
+        label="Linux"
+        src="assets/linux.png"
+        class="p-4 border-gray-400 border items-center rounded-lg cursor-pointer hover:shadow-md"
+        selected_class="border-blue-500 bg-blue-100 text-blue-800"
+        image_class="w-16"
+    />
+</Group>"# }
+                    </pre>
+                    <Group
+                        selected={(*os_selected).clone()}
+                        onchange={onchange(os_selected.clone())}
+                        orientation={Orientation::Horizontal}
+                        class="flex items-center gap-4 justify-center"
+                    >
+                        <Radio
+                            value="mac"
+                            label="Mac"
+                            src="assets/apple.png"
+                            class="p-4 border-gray-400 border items-center rounded-lg cursor-pointer hover:shadow-md"
+                            selected_class="border-blue-500 bg-blue-100 text-blue-800"
+                            image_class="w-16"
+                        />
+                        <Radio
+                            value="windows"
+                            label="Windows"
+                            src="assets/windows.png"
+                            class="p-4 border-gray-400 border items-center rounded-lg cursor-pointer hover:shadow-md"
+                            selected_class="border-blue-500 bg-blue-100 text-blue-800"
+                            image_class="w-16"
+                        />
+                        <Radio
+                            value="linux"
+                            label="Linux"
+                            src="assets/linux.png"
+                            class="p-4 border-gray-400 border items-center rounded-lg cursor-pointer hover:shadow-md"
+                            selected_class="border-blue-500 bg-blue-100 text-blue-800"
+                            image_class="w-16"
+                        />
+                    </Group>
+                </div>
+                // Horizontal Radio Buttons With All Sizes
+                <div class="flex flex-col items-center bg-gray-200 p-4 rounded-lg shadow-md">
+                    <h2 class="text-xl font-bold mb-2">{ "Size Selector" }</h2>
+                    <pre
+                        class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
+                    >
+                        { r#"<Group
+    selected={selected_state}
+    onchange={Callback::from(move |value: String| selected_state.set(value))}
+    orientation={Orientation::Horizontal}
+    class="flex items-center gap-4"
+>
+    <Radio
+        value="xsmall"
+        label="XSmall"
+        size={Size::XSmall}
+        class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+        selected_class="border-green-500 bg-green-100 text-green-800"
+    />
+    <Radio
+        value="small"
+        label="Small"
+        size={Size::Small}
+        class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+        selected_class="border-green-500 bg-green-100 text-green-800"
+    />
+    <Radio
+        value="medium"
+        label="Medium"
+        size={Size::Medium}
+        class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+        selected_class="border-green-500 bg-green-100 text-green-800"
+    />
+    <Radio
+        value="large"
+        label="Large"
+        size={Size::Large}
+        class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+        selected_class="border-green-500 bg-green-100 text-green-800"
+    />
+    <Radio
+        value="xlarge"
+        label="XLarge"
+        size={Size::XLarge}
+        class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+        selected_class="border-green-500 bg-green-100 text-green-800"
+    />
+    <Radio
+        value="xxlarge"
+        label="XXLarge"
+        size={Size::XXLarge}
+        class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+        selected_class="border-green-500 bg-green-100 text-green-800"
+    />
+</Group>"# }
+                    </pre>
+                    <Group
+                        selected={(*size_selected).clone()}
+                        onchange={onchange(size_selected.clone())}
+                        orientation={Orientation::Horizontal}
+                        class="flex items-center gap-4 m-4"
+                    >
+                        <Radio
+                            value="xsmall"
+                            label="XSmall"
+                            size={Size::XSmall}
+                            class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+                            selected_class="border-green-500 bg-green-100 text-green-800"
+                        />
+                        <Radio
+                            value="small"
+                            label="Small"
+                            size={Size::Small}
+                            class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+                            selected_class="border-green-500 bg-green-100 text-green-800"
+                        />
+                        <Radio
+                            value="medium"
+                            label="Medium"
+                            size={Size::Medium}
+                            class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+                            selected_class="border-green-500 bg-green-100 text-green-800"
+                        />
+                    </Group>
+                    <Group
+                        selected={(*size_selected).clone()}
+                        onchange={onchange(size_selected.clone())}
+                        orientation={Orientation::Horizontal}
+                        class="flex items-center gap-4 m-4"
+                    >
+                        <Radio
+                            value="large"
+                            label="Large"
+                            size={Size::Large}
+                            class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+                            selected_class="border-green-500 bg-green-100 text-green-800"
+                        />
+                        <Radio
+                            value="xlarge"
+                            label="XLarge"
+                            size={Size::XLarge}
+                            class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+                            selected_class="border-green-500 bg-green-100 text-green-800"
+                        />
+                        <Radio
+                            value="xxlarge"
+                            label="XXLarge"
+                            size={Size::XXLarge}
+                            class="border border-gray-400 rounded-lg cursor-pointer hover:shadow-md"
+                            selected_class="border-green-500 bg-green-100 text-green-800"
+                        />
+                    </Group>
+                </div>
+                // Color Type Selector
+                <div class="flex flex-col items-center bg-gray-200 p-4 rounded-lg shadow-md">
+                    <h2 class="text-xl font-bold mb-2">{ "Color Type Selector" }</h2>
+                    <pre
+                        class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
+                    >
+                        { r#"<Group
+    selected={selected_state}
+    onchange={Callback::from(move |value: String| selected_state.set(value))}
+    orientation={Orientation::Horizontal}
+    class="flex items-center gap-4"
+>
+    <Radio
+        value="primary"
+        label="Primary"
+        class="p-4 rounded-full cursor-pointer border border-blue-500"
+        selected_class="ring-4 ring-blue-300"
+        r#type={Type::Primary}
+    />
+    <Radio
+        value="secondary"
+        label="Secondary"
+        class="p-4 rounded-full cursor-pointer border border-gray-500"
+        selected_class="ring-4 ring-gray-300"
+        r#type={Type::Secondary}
+    />
+    <Radio
+        value="success"
+        label="Success"
+        class="p-4 rounded-full cursor-pointer border border-green-500"
+        selected_class="ring-4 ring-green-300"
+        r#type={Type::Success}
+    />
+    <Radio
+        value="info"
+        label="Info"
+        class="p-4 rounded-full cursor-pointer border border-teal-500"
+        selected_class="ring-4 ring-teal-300"
+        r#type={Type::Info}
+    />
+    <Radio
+        value="warning"
+        label="Warning"
+        class="p-4 rounded-full cursor-pointer border border-yellow-500"
+        selected_class="ring-4 ring-yellow-300"
+        r#type={Type::Warning}
+    />
+    <Radio
+        value="danger"
+        label="Danger"
+        class="p-4 rounded-full cursor-pointer border border-red-500"
+        selected_class="ring-4 ring-red-300"
+        r#type={Type::Danger}
+    />
+</Group>"# }
+                    </pre>
+                    <Group
+                        selected={(*advanced_color_selected).clone()}
+                        onchange={onchange(advanced_color_selected.clone())}
+                        orientation={Orientation::Horizontal}
+                        class="flex items-center gap-4 m-4"
+                    >
+                        <Radio
+                            value="primary"
+                            label="Primary"
+                            class="p-4 rounded-full cursor-pointer border border-blue-500"
+                            selected_class="ring-4 ring-blue-300"
+                            r#type={Type::Primary}
+                        />
+                        <Radio
+                            value="secondary"
+                            label="Secondary"
+                            class="p-4 rounded-full cursor-pointer border border-gray-500"
+                            selected_class="ring-4 ring-gray-300"
+                            r#type={Type::Secondary}
+                        />
+                        <Radio
+                            value="success"
+                            label="Success"
+                            class="p-4 rounded-full cursor-pointer border border-green-500"
+                            selected_class="ring-4 ring-green-300"
+                            r#type={Type::Success}
+                        />
+                    </Group>
+                    <Group
+                        selected={(*advanced_color_selected).clone()}
+                        onchange={onchange(advanced_color_selected.clone())}
+                        orientation={Orientation::Horizontal}
+                        class="flex items-center gap-4 m-4"
+                    >
+                        <Radio
+                            value="info"
+                            label="Info"
+                            class="p-4 rounded-full cursor-pointer border border-teal-500"
+                            selected_class="ring-4 ring-teal-300"
+                            r#type={Type::Info}
+                        />
+                        <Radio
+                            value="warning"
+                            label="Warning"
+                            class="p-4 rounded-full cursor-pointer border border-yellow-500"
+                            selected_class="ring-4 ring-yellow-300"
+                            r#type={Type::Warning}
+                        />
+                        <Radio
+                            value="danger"
+                            label="Danger"
+                            class="p-4 rounded-full cursor-pointer border border-red-500"
+                            selected_class="ring-4 ring-red-300"
+                            r#type={Type::Danger}
+                        />
+                    </Group>
+                </div>
+                // Animated Radio Buttons
+                <div class="flex flex-col items-center bg-gray-200 p-4 rounded-lg shadow-md">
+                    <h2 class="text-xl font-bold mb-2">{ "Animated Radio Buttons" }</h2>
+                    <pre
+                        class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
+                    >
+                        { r#"<Group
+    selected={selected_state}
+    onchange={Callback::from(move |value: String| selected_state.set(value))}
+    class="flex items-center gap-4"
+>
+    <Radio
+        value="primary"
+        label="Primary"
+        selected_class="ring-4 ring-blue-300"
+        class="p-4 rounded-lg cursor-pointer border border-blue-500 bg-blue-500 text-white"
+        animation_class="transform hover:scale-150"
+    />
+    <Radio
+        value="secondary"
+        label="Secondary"
+        selected_class="ring-4 ring-gray-300"
+        class="p-4 rounded-lg cursor-pointer border border-gray-500 bg-gray-500 text-white"
+        animation_class="transform hover:scale-150"
+    />
+</Group>"# }
+                    </pre>
+                    <Group
+                        selected={(*color_selected).clone()}
+                        onchange={onchange(color_selected.clone())}
+                        class="flex items-center gap-4"
+                    >
+                        <Radio
+                            value="primary"
+                            label="Primary"
+                            selected_class="ring-4 ring-blue-300"
+                            class="p-4 rounded-lg cursor-pointer border border-blue-500 bg-blue-500 text-white"
+                            animation_class="transform hover:scale-150"
+                        />
+                        <Radio
+                            value="secondary"
+                            label="Secondary"
+                            selected_class="ring-4 ring-gray-300"
+                            class="p-4 rounded-lg cursor-pointer border border-gray-500 bg-gray-500 text-white"
+                            animation_class="transform hover:scale-150"
+                        />
+                    </Group>
+                </div>
+                // Radio Buttons With Callbacks
+                <div class="flex flex-col items-center bg-gray-200 p-4 rounded-lg shadow-md">
+                    <h2 class="text-xl font-bold mb-2">
+                        { "Radio Buttons With Callbacks (Press F12)" }
+                    </h2>
+                    <pre
+                        class="font-mono text-xs text-white p-4 bg-gray-800 mb-8 rounded-md w-full overflow-x-auto"
+                    >
+                        { r#"<Group
+    selected={selected_state}
+    onchange={Callback::from(move |value: String| selected_state.set(value))}
+    class="flex items-center gap-4"
+>
+    <Radio
+        value="primary"
+        label="Primary"
+        onclick={Callback::from(|value: String| log::info!("{} has been selected", value))}
+        selected_class="ring-4 ring-blue-300"
+        class="p-4 rounded-lg cursor-pointer border border-blue-500 bg-blue-500 text-white"
+    />
+    <Radio
+        value="secondary"
+        label="Secondary"
+        onclick={Callback::from(|value: String| log::info!("{} has been selected", value))}
+        selected_class="ring-4 ring-gray-300"
+        class="p-4 rounded-lg cursor-pointer border border-gray-500 bg-gray-500 text-white"
+    />
+</Group>"# }
+                    </pre>
+                    <Group
+                        selected={(*color_selected).clone()}
+                        onchange={onchange(color_selected.clone())}
+                        class="flex items-center gap-4"
+                    >
+                        <Radio
+                            value="primary"
+                            label="Primary"
+                            selected_class="ring-4 ring-blue-300"
+                            class="p-4 rounded-lg cursor-pointer border border-blue-500 bg-blue-500 text-white"
+                            onclick={Callback::from(|value: String| log::info!("{} button has been selected", value))}
+                        />
+                        <Radio
+                            value="secondary"
+                            label="Secondary"
+                            selected_class="ring-4 ring-gray-300"
+                            class="p-4 rounded-lg cursor-pointer border border-gray-500 bg-gray-500 text-white"
+                            onclick={Callback::from(|value: String| log::info!("{} button has been selected", value))}
+                        />
+                    </Group>
+                </div>
+            </div>
+        </div>
+    }
+}
diff --git a/examples/yew/src/router.rs b/examples/yew/src/router.rs
new file mode 100644
index 0000000..9d49b4c
--- /dev/null
+++ b/examples/yew/src/router.rs
@@ -0,0 +1,16 @@
+use yew::prelude::*;
+use yew_router::prelude::*;
+
+use crate::pages::landing::LandingPage;
+
+#[derive(Clone, Routable, PartialEq)]
+pub enum Route {
+    #[at("/")]
+    LandingPage,
+}
+
+pub fn switch(routes: Route) -> Html {
+    match routes {
+        Route::LandingPage => html! { <LandingPage /> },
+    }
+}
diff --git a/examples/yew/tailwind.config.js b/examples/yew/tailwind.config.js
new file mode 100644
index 0000000..88f1dfd
--- /dev/null
+++ b/examples/yew/tailwind.config.js
@@ -0,0 +1,42 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./index.html",
+    "./src/**/*.{rs,html}"
+  ],
+  theme: {
+    extend: {
+      colors: {
+        'ct-dark-600': '#222',
+        'ct-dark-200': '#e5e7eb',
+        'ct-dark-100': '#f5f6f7',
+        'ct-blue-600': '#2363eb',
+        'ct-yellow-600': '#f9d13e',
+        'ct-red-500': '#ef4444',
+      },
+      fontFamily: {
+        sans: ['Roboto', 'sans-serif'],
+        serif: ['Roboto', 'serif'],
+      },
+      container: {
+        center: true,
+        padding: '1rem',
+        screens: {
+          sm: '480px',
+          md: '768px',
+          lg: '976px',
+          xl: '1440px',
+        },
+        spacing: {
+          '128': '32rem',
+          '144': '36rem',
+        },
+        borderRadius: {
+          '4xl': '2rem',
+        }
+      },
+    },
+  },
+  plugins: [],
+}
+
diff --git a/src/common.rs b/src/common.rs
new file mode 100644
index 0000000..fb95742
--- /dev/null
+++ b/src/common.rs
@@ -0,0 +1,80 @@
+const FLEX_HORIZONTAL: &str = "display: flex; flex-direction: row; gap: 16px;";
+const FLEX_VERTICAL: &str = "display: flex; flex-direction: column; gap: 16px;";
+pub(crate) const HIDDEN_INPUT_STYLE: &str = "position: absolute; opacity: 0; pointer-events: none;";
+
+/// Orientation
+#[derive(Clone, PartialEq, Default)]
+pub enum Orientation {
+    Horizontal,
+    #[default]
+    Vertical,
+}
+
+impl Orientation {
+    pub fn to_style(&self) -> &'static str {
+        match self {
+            Orientation::Horizontal => FLEX_HORIZONTAL,
+            Orientation::Vertical => FLEX_VERTICAL,
+        }
+    }
+}
+
+/// Radio Button Size
+#[derive(Clone, PartialEq, Default)]
+pub enum Size {
+    #[default]
+    XSmall,
+    Small,
+    Medium,
+    Large,
+    XLarge,
+    XXLarge,
+    Custom(&'static str),
+}
+
+impl Size {
+    pub fn to_style(&self) -> String {
+        match self {
+            Size::XSmall => "padding: 5px;".to_string(),
+            Size::Small => "padding: 7px;".to_string(),
+            Size::Medium => "padding: 10px;".to_string(),
+            Size::Large => "padding: 20px;".to_string(),
+            Size::XLarge => "padding: 25px;".to_string(),
+            Size::XXLarge => "padding: 30px;".to_string(),
+            Size::Custom(custom_size) => {
+                format!("padding: {};  width: {};", custom_size, custom_size)
+            }
+        }
+    }
+}
+
+/// Styling types
+#[derive(Clone, PartialEq, Default)]
+pub enum Type {
+    Primary,
+    Secondary,
+    Success,
+    Info,
+    Warning,
+    Danger,
+    #[default]
+    None,
+    Custom(&'static str),
+}
+
+impl Type {
+    pub fn to_style(&self) -> String {
+        match self {
+            Type::Primary => "background-color: #007bff; color: white;".to_string(),
+            Type::Secondary => "background-color: #6c757d; color: white;".to_string(),
+            Type::Success => "background-color: #28a745; color: white;".to_string(),
+            Type::Info => "background-color: #17a2b8; color: white;".to_string(),
+            Type::Warning => "background-color: #ffc107; color: white;".to_string(),
+            Type::Danger => "background-color: #dc3545; color: white;".to_string(),
+            Type::None => "".to_string(),
+            Type::Custom(custom_color) => {
+                format!("background-color: {}; color: white;", custom_color).to_string()
+            }
+        }
+    }
+}
diff --git a/src/lib.rs b/src/lib.rs
new file mode 100644
index 0000000..d33e316
--- /dev/null
+++ b/src/lib.rs
@@ -0,0 +1,13 @@
+#![doc(
+    html_logo_url = "https://github.com/opensass/radio-rs/blob/main/assets/logo.webp",
+    html_favicon_url = "https://github.com/opensass/radio-rs/blob/main/assets/favicon.png"
+)]
+#![cfg_attr(docsrs, feature(doc_auto_cfg))]
+#![doc = include_str!("../README.md")]
+
+pub mod common;
+
+#[cfg(feature = "yew")]
+pub mod yew;
+
+pub use common::{Orientation, Size, Type};
diff --git a/src/yew.rs b/src/yew.rs
new file mode 100644
index 0000000..0d82de0
--- /dev/null
+++ b/src/yew.rs
@@ -0,0 +1,571 @@
+use crate::common::{Orientation, Size, Type, HIDDEN_INPUT_STYLE};
+use std::rc::Rc;
+use yew::prelude::*;
+
+/// Properties for configuring the `Group` component.
+///
+/// The `Group` component allows you to create a group of radio buttons with customizable
+/// styles, orientation, and behavior. This is useful for creating user-selectable options
+/// presented as a single group.
+///
+/// It supports horizontal or vertical layouts, CSS customizations, and child components of type `Radio` only.
+#[derive(Properties, Clone, PartialEq)]
+pub struct GroupProps {
+    /// The selected value of the radio group.
+    ///
+    /// This represents the current value selected in the group. It can be bound to a state
+    /// to reflect changes dynamically. Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub selected: String,
+
+    /// Callback for when the selected value changes.
+    ///
+    /// This callback is triggered whenever the user selects a different radio button. It
+    /// provides the new selected value as a string. Defaults to a no-op.
+    #[prop_or_default]
+    pub onchange: Callback<String>,
+
+    /// Orientation of the radio buttons group (horizontal or vertical).
+    ///
+    /// Determines the layout of the radio buttons. The available options are:
+    /// - `Orientation::Horizontal`: Displays the radio buttons side by side.
+    /// - `Orientation::Vertical`: Stacks the radio buttons vertically.
+    /// Defaults to `Orientation::Horizontal`.
+    #[prop_or_default]
+    pub orientation: Orientation,
+
+    /// Additional inline styles for the container.
+    ///
+    /// Allows for custom inline styles to be applied directly to the group container.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub style: &'static str,
+
+    /// Additional CSS classes for the container.
+    ///
+    /// Enables adding custom CSS classes to the group container for further styling or
+    /// overriding default styles. Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub class: &'static str,
+
+    /// Child components for the group.
+    ///
+    /// This property allows you to pass one or more `Radio` components as children of the
+    /// `Group` component. The children will be arranged based on the specified `orientation`.
+    /// Defaults to an empty list of children if not provided.
+    #[prop_or_default]
+    pub children: ChildrenWithProps<Radio>,
+}
+
+/// Group Component
+///
+/// A Yew component for creating a group of radio buttons with customizable styles,
+/// orientation, and behavior. The `Group` component arranges child `Radio` components
+/// horizontally or vertically and handles selection state management.
+///
+/// # Properties
+/// The component uses the `GroupProps` struct for its properties. Key properties include:
+///
+/// - **selected**: The selected value of the radio group (`String`). Default: `""`.
+/// - **onchange**: Callback triggered when the selected value changes (`Callback<String>`). Default: no-op.
+/// - **orientation**: The layout of the radio buttons (horizontal or vertical) (`Orientation`). Default: `Orientation::Horizontal`.
+/// - **style**: Custom inline styles for the container (`&'static str`). Default: `""`.
+/// - **class**: Additional CSS classes for the container (`&'static str`). Default: `""`.
+/// - **children**: A collection of `Radio` components as children (`ChildrenWithProps<Radio>`). Default: empty.
+///
+/// # Features
+/// - Supports dynamic selection of radio buttons with state binding.
+/// - Allows horizontal or vertical orientation via the `Orientation` enum.
+/// - Customizable through inline styles and CSS classes.
+/// - Only accepts `Radio` components as children.
+///
+/// # Examples
+///
+/// ## Basic Usage
+/// ```rust
+/// use yew::prelude::*;
+/// use radiors::yew::{Group, Radio};
+/// use radiors::Orientation;
+///
+/// #[function_component(App)]
+/// pub fn app() -> Html {
+///     let selected = use_state(|| "Option1".to_string());
+///     let on_change = {
+///         let selected = selected.clone();
+///         Callback::from(move |new_value: String| {
+///             selected.set(new_value);
+///         })
+///     };
+///
+///     html! {
+///         <Group selected={(*selected).clone()} onchange={on_change}>
+///             <Radio value="Option1" label="Option 1" />
+///             <Radio value="Option2" label="Option 2" />
+///             <Radio value="Option3" label="Option 3" />
+///         </Group>
+///     }
+/// }
+/// ```
+///
+/// ## Vertical Orientation
+/// ```rust
+/// use yew::prelude::*;
+/// use radiors::yew::{Group, Radio};
+/// use radiors::Orientation;
+///
+/// #[function_component(App)]
+/// pub fn app() -> Html {
+///     let selected = use_state(|| "Option1".to_string());
+///
+///     html! {
+///         <Group
+///             selected={(*selected).clone()}
+///             orientation={Orientation::Vertical}
+///             style="margin: 20px"
+///         >
+///             <Radio value="Option1" label="Option 1" />
+///             <Radio value="Option2" label="Option 2" />
+///             <Radio value="Option3" label="Option 3" />
+///         </Group>
+///     }
+/// }
+/// ```
+///
+/// ## Custom Styling
+/// ```rust
+/// use yew::prelude::*;
+/// use radiors::yew::{Group, Radio};
+///
+/// #[function_component(App)]
+/// pub fn app() -> Html {
+///     html! {
+///         <Group
+///             selected="Option1"
+///             style="border: 1px solid black; padding: 10px"
+///             class="custom-radio-group"
+///         >
+///             <Radio value="Option1" label="Option 1" />
+///             <Radio value="Option2" label="Option 2" />
+///         </Group>
+///     }
+/// }
+/// ```
+///
+/// # Behavior
+/// - The `Group` component dynamically manages the selection of its child `Radio` components.
+/// - Clicking a radio button updates the `selected` value and triggers the `onchange` callback.
+/// - The `orientation` property defines whether the radio buttons are arranged horizontally or vertically.
+///
+/// # Notes
+/// - The `children` property is required to be of type `Radio`. Passing other components will result in a compilation error.
+/// - The `onchange` callback receives the `value` of the newly selected `Radio` as a `String`.
+/// - Custom styles and classes can be used to enhance the layout and appearance of the group container.
+#[function_component(Group)]
+pub fn group(props: &GroupProps) -> Html {
+    let selected = props.selected.clone();
+    let onchange = props.onchange.clone();
+
+    html! {
+        <div
+            class={props.class}
+            style={format!(
+                "{} {}",
+                props.orientation.to_style(),
+                props.style
+            )}
+        >
+            { for props.children.iter().map(|mut child| {
+                let props = Rc::make_mut(&mut child.props);
+                let is_selected = props.value == selected;
+                let onclick = {
+                    let onchange = onchange.clone();
+                    let value = props.value.to_string();
+                    Callback::from(move |_| {
+                        onchange.emit(value.clone());
+                    })
+                };
+
+                props.selected = is_selected;
+                props.on_click = onclick;
+
+                child
+            }) }
+        </div>
+    }
+}
+
+/// Properties for configuring the `Radio` component.
+///
+/// The `Radio` component allows the creation of individual, customizable radio buttons.
+/// It supports various configurations for appearance, behavior, and styles.
+#[derive(Properties, Clone, PartialEq)]
+pub struct RadioProps {
+    /// The label for the radio button.
+    ///
+    /// Defines the text displayed next to the radio button.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub label: &'static str,
+
+    /// The value for the radio button.
+    ///
+    /// This value represents the data associated with the radio button, used to identify
+    /// it in the `Group`'s selection context.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub value: &'static str,
+
+    /// Optional image URL for the radio button.
+    ///
+    /// If provided, the radio button can display an image along with its label.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub src: &'static str,
+
+    /// Inline styles for the container.
+    ///
+    /// Allows applying custom inline CSS styles directly to the radio button's container.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub style: &'static str,
+
+    /// CSS class for the container.
+    ///
+    /// Adds custom CSS classes to style the radio button's container.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub class: &'static str,
+
+    /// Inline styles for the label.
+    ///
+    /// Enables the addition of custom inline CSS styles to the label text.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub label_style: &'static str,
+
+    /// CSS class for the label.
+    ///
+    /// Adds custom CSS classes to style the radio button's label.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub label_class: &'static str,
+
+    /// Inline styles for the image.
+    ///
+    /// Allows applying custom inline CSS styles to the image associated with the radio button.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub image_style: &'static str,
+
+    /// CSS class for the image.
+    ///
+    /// Adds custom CSS classes to style the image associated with the radio button.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub image_class: &'static str,
+
+    /// The size of the radio button.
+    ///
+    /// Specifies the size of the radio button. Possible values are:
+    /// - `Size::XSmall`
+    /// - `Size::Small`
+    /// - `Size::Medium`
+    /// - etc
+    /// Defaults to `Size::XSmall` if not provided.
+    #[prop_or_default]
+    pub size: Size,
+
+    /// The styling type of the radio button.
+    ///
+    /// Determines the visual theme of the radio button, such as Primary or Secondary styles.
+    /// Defaults to `Type::None` if not provided.
+    #[prop_or_default]
+    pub r#type: Type,
+
+    /// Whether this radio button is selected.
+    ///
+    /// Indicates if the radio button is currently selected. Managed internally in the `Group`
+    /// component context. Defaults to `false`.
+    #[prop_or_default]
+    pub selected: bool,
+
+    /// Whether this radio button is disabled.
+    ///
+    /// If `true`, the radio button is not clickable and appears disabled.
+    /// Defaults to `false`.
+    #[prop_or_default]
+    pub disabled: bool,
+
+    /// Inline styles applied when the radio button is selected.
+    ///
+    /// Provides custom styles for the radio button in the selected state.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub selected_style: &'static str,
+
+    /// CSS class applied when the radio button is selected.
+    ///
+    /// Adds custom CSS classes to style the radio button in the selected state.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub selected_class: &'static str,
+
+    /// Inline styles applied when the radio button is disabled.
+    ///
+    /// Provides custom styles for the radio button in the disabled state.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub disabled_style: &'static str,
+
+    /// CSS class applied when the radio button is disabled.
+    ///
+    /// Adds custom CSS classes to style the radio button in the disabled state.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub disabled_class: &'static str,
+
+    /// Inline styles for animations applied to the radio button.
+    ///
+    /// Enables applying custom styles to animations or transitions for the radio button.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub animation_style: &'static str,
+
+    /// CSS class for animations applied to the radio button.
+    ///
+    /// Adds custom CSS classes to handle animations or transitions for the radio button.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub animation_class: &'static str,
+
+    /// Inline styles for the hidden input element.
+    ///
+    /// Provides custom styles for the hidden `<input>` element used for the radio button.
+    /// Defaults to `HIDDEN_INPUT_STYLE`.
+    #[prop_or(HIDDEN_INPUT_STYLE)]
+    pub input_style: &'static str,
+
+    /// CSS class for the hidden input element.
+    ///
+    /// Adds custom CSS classes for the hidden `<input>` element.
+    /// Defaults to an empty string if not provided.
+    #[prop_or_default]
+    pub input_class: &'static str,
+
+    /// Callback for when the radio button is clicked.
+    ///
+    /// Triggered whenever the user clicks on the radio button. It provides the `value` of the
+    /// radio button as a string to the callback.
+    /// Defaults to a no-op.
+    #[prop_or_default]
+    pub onclick: Callback<String>,
+
+    /// Internal callback triggered when the radio button is clicked.
+    ///
+    /// This property is intended for use by the parent `Group` component to manage
+    /// the state of the radio group. It is not exposed for direct use by end users.
+    ///
+    /// The callback receives the `value` of the clicked radio button as a `String`.
+    #[prop_or_default]
+    on_click: Callback<String>,
+}
+
+/// Radio Component
+///
+/// A Yew component for individual, customizable radio buttons. The `Radio` component is designed
+/// to work in conjunction with the `Group` component to create interactive radio groups.
+///
+/// # Properties
+/// The component uses the `RadioProps` struct for its properties. Key properties include:
+///
+/// - **label**: The text displayed next to the radio button (`&'static str`). Default: `""`.
+/// - **value**: The value of the radio button (`&'static str`). Default: `""`.
+/// - **src**: Optional image URL to display next to the radio button (`&'static str`). Default: `""`.
+/// - **style**: Custom inline styles for the radio button container (`&'static str`). Default: `""`.
+/// - **class**: CSS class for the radio button container (`&'static str`). Default: `""`.
+/// - **selected**: Whether the radio button is currently selected (`bool`). Default: `false`.
+/// - **disabled**: Whether the radio button is disabled (`bool`). Default: `false`.
+/// - **onclick**: Callback triggered when the radio button is clicked (`Callback<String>`). Default: no-op.
+///
+/// # Features
+/// - Customizable label text and optional images.
+/// - Inline styles and CSS classes for styling.
+/// - Supports disabled and selected states.
+/// - Works seamlessly within the `Group` component.
+///
+/// # Examples
+///
+/// ## Basic Radio Button
+/// ```rust
+/// use yew::prelude::*;
+/// use radiors::yew::Radio;
+///
+/// #[function_component(App)]
+/// pub fn app() -> Html {
+///     html! {
+///         <Radio label="Option 1" value="Option1" />
+///     }
+/// }
+/// ```
+///
+/// ## Radio Button with Image
+/// ```rust
+/// use yew::prelude::*;
+/// use radiors::yew::Radio;
+///
+/// #[function_component(App)]
+/// pub fn app() -> Html {
+///     html! {
+///         <Radio
+///             label="Option 1"
+///             value="Option1"
+///             src="assets/img.png"
+///         />
+///     }
+/// }
+/// ```
+///
+/// ## Custom Styles
+/// ```rust
+/// use yew::prelude::*;
+/// use radiors::yew::Radio;
+///
+/// #[function_component(App)]
+/// pub fn app() -> Html {
+///     html! {
+///         <Radio
+///             label="Option 1"
+///             value="Option1"
+///             style="background-color: lightblue; padding: 5px"
+///             class="custom-radio"
+///         />
+///     }
+/// }
+/// ```
+///
+/// # Behavior
+/// - Clicking the radio button emits the `onclick` callback with its `value`.
+/// - `on_click` is managed internally by the `Group` component for handling selection state.
+/// - The `disabled` property prevents interaction when set to `true`.
+///
+/// # Notes
+/// - The `selected` and `on_click` properties are typically managed by the parent `Group` component.
+#[function_component(Radio)]
+pub fn radio(props: &RadioProps) -> Html {
+    let onclick = {
+        let on_click = props.on_click.clone();
+        let onclick = props.onclick.clone();
+        let value = props.value.to_string();
+        let disabled = props.disabled.clone();
+        Callback::from(move |e: MouseEvent| {
+            e.prevent_default();
+            if !disabled {
+                on_click.emit(value.clone());
+                onclick.emit(value.clone());
+            }
+        })
+    };
+    let selected = props.selected;
+    let disabled = props.disabled;
+
+    let selected_style = props.selected_style;
+    let disabled_style = props.disabled_style;
+    let style = props.style;
+    let animation_style = props.animation_style;
+
+    let selected_class = props.selected_class;
+    let disabled_class = props.disabled_class;
+    let class = props.class;
+    let animation_class = props.animation_class;
+
+    let size = props.size.to_style();
+    let style_type = props.r#type.to_style();
+
+    html! {
+        <div
+            class={format!(
+                "{} {} {}",
+                if props.selected { props.selected_class } else { "" },
+                if props.disabled { props.disabled_class } else { "" },
+                props.class,
+            )}
+            style={format!(
+                "{} {} {} {} {} {}",
+                if props.selected { props.selected_style } else { "" },
+                if props.disabled { props.disabled_style } else { "" },
+                props.style,
+                props.animation_style,
+                style_type,
+                size,
+            )}
+            onclick={onclick}
+            onmouseover={let size = size.clone();
+                let style_type = style_type.clone();
+                Callback::from(move |e: MouseEvent| {
+                let target = e.target_dyn_into::<web_sys::HtmlElement>().unwrap();
+                if target.tag_name() == "DIV" {
+                    target.set_attribute("style", &format!(
+                        "{} {} {} {} {} {}",
+                        if selected { selected_style } else { "" },
+                        if disabled { disabled_style } else { "" },
+                        style,
+                        animation_style,
+                        size,
+                        style_type
+                    )).unwrap();
+                    target.set_attribute("class", &format!(
+                        "{} {} {} {}",
+                        if selected { selected_class } else { "" },
+                        if disabled { disabled_class } else { "" },
+                        class,
+                        animation_class
+                    )).unwrap();
+                }
+            })}
+            onmouseleave={let size = size.clone();
+                let style_type = style_type.clone();
+                Callback::from(move |e: MouseEvent| {
+                let target = e.target_dyn_into::<web_sys::HtmlElement>().unwrap();
+                if target.tag_name() == "DIV" {
+                    target.set_attribute("style", &format!(
+                        "{} {} {} {} {}",
+                        if selected { selected_style } else { "" },
+                        if disabled { disabled_style } else { "" },
+                        style,
+                        size,
+                        style_type
+                    )).unwrap();
+                    target.set_attribute("class", &format!(
+                        "{} {} {}",
+                        if selected { selected_class } else { "" },
+                        if disabled { disabled_class } else { "" },
+                        class,
+                    )).unwrap();
+                }
+            })}
+        >
+            <input
+                type="radio"
+                name="radio"
+                value={props.value}
+                checked={props.selected}
+                disabled={props.disabled}
+                style={props.input_style}
+                class={props.input_class}
+            />
+            { if !props.src.is_empty() {
+                html! {
+                    <img
+                        src={props.src}
+                        alt={props.label}
+                        style={props.image_style}
+                        class={props.image_class}
+                    />
+                }
+            } else {
+                html! {}
+            } }
+            <span style={props.label_style} class={props.label_class}>{ props.label }</span>
+        </div>
+    }
+}