From bf22096144d69686692bd0c65963e31edce67f52 Mon Sep 17 00:00:00 2001
From: Mahmoud <oss@wiseai.dev>
Date: Wed, 25 Dec 2024 00:15:16 +0200
Subject: [PATCH] feat: add leptos support

---
 Cargo.lock                  |  871 +++++++++++++++-
 Cargo.toml                  |    2 +
 Leptos.md                   |  166 +++
 README.md                   |    6 +-
 examples/leptos/.gitignore  |    2 +
 examples/leptos/Cargo.lock  | 1944 +++++++++++++++++++++++++++++++++++
 examples/leptos/Cargo.toml  |   10 +
 examples/leptos/README.md   |   81 ++
 examples/leptos/index.html  |    9 +
 examples/leptos/main.css    |    8 +
 examples/leptos/src/main.rs |  299 ++++++
 src/leptos.rs               |  512 +++++++++
 src/lib.rs                  |    3 +
 13 files changed, 3882 insertions(+), 31 deletions(-)
 create mode 100644 Leptos.md
 create mode 100644 examples/leptos/.gitignore
 create mode 100644 examples/leptos/Cargo.lock
 create mode 100755 examples/leptos/Cargo.toml
 create mode 100644 examples/leptos/README.md
 create mode 100755 examples/leptos/index.html
 create mode 100644 examples/leptos/main.css
 create mode 100755 examples/leptos/src/main.rs
 create mode 100644 src/leptos.rs

diff --git a/Cargo.lock b/Cargo.lock
index 2d15b7e..d999f2f 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -75,12 +75,40 @@ dependencies = [
  "windows-sys",
 ]
 
+[[package]]
+name = "any_spawner"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "41058deaa38c9d9dd933d6d238d825227cffa668e2839b52879f6619c63eee3b"
+dependencies = [
+ "futures",
+ "thiserror 2.0.9",
+ "wasm-bindgen-futures",
+]
+
+[[package]]
+name = "anyhow"
+version = "1.0.95"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "34ac096ce696dc2fcabef30516bb13c0a68a11d30131d3df6f04711467681b04"
+
 [[package]]
 name = "anymap2"
 version = "0.13.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d301b3b94cb4b2f23d7917810addbbaff90738e0ca2be692bd027e70d7e0330c"
 
+[[package]]
+name = "async-lock"
+version = "3.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ff6e472cdea888a4bd64f342f09b3f50e1886d32afe8df3d663c01140b811b18"
+dependencies = [
+ "event-listener",
+ "event-listener-strategy",
+ "pin-project-lite",
+]
+
 [[package]]
 name = "async-trait"
 version = "0.1.83"
@@ -92,6 +120,36 @@ dependencies = [
  "syn 2.0.91",
 ]
 
+[[package]]
+name = "attribute-derive"
+version = "0.10.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0053e96dd3bec5b4879c23a138d6ef26f2cb936c9cdc96274ac2b9ed44b5bb54"
+dependencies = [
+ "attribute-derive-macro",
+ "derive-where",
+ "manyhow",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "attribute-derive-macro"
+version = "0.10.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "463b53ad0fd5b460af4b1915fe045ff4d946d025fb6c4dc3337752eaa980f71b"
+dependencies = [
+ "collection_literals",
+ "interpolator",
+ "manyhow",
+ "proc-macro-utils",
+ "proc-macro2",
+ "quote",
+ "quote-use",
+ "syn 2.0.91",
+]
+
 [[package]]
 name = "autocfg"
 version = "1.4.0"
@@ -177,6 +235,12 @@ version = "1.9.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "325918d6fe32f23b19878fe4b34794ae41fc19ddbe53b10571a4874d44ffd39b"
 
+[[package]]
+name = "camino"
+version = "1.1.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b96ec4966b5813e2c0507c1f86115c8c5abaadc3980879c3424042a02fd1ad3"
+
 [[package]]
 name = "cfg-if"
 version = "1.0.0"
@@ -250,12 +314,51 @@ version = "0.7.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f46ad14479a25103f283c0f10005961cf086d8dc42205bb44c46ac563475dca6"
 
+[[package]]
+name = "codee"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d3ad3122b0001c7f140cf4d605ef9a9e2c24d96ab0b4fb4347b76de2425f445"
+dependencies = [
+ "serde",
+ "serde_json",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "collection_literals"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "186dce98367766de751c42c4f03970fc60fc012296e706ccbb9d5df9b6c1e271"
+
 [[package]]
 name = "colorchoice"
 version = "1.0.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "5b63caa9aa9397e2d9480a9b13673856c78d8ac123288526c37d7839f2a86990"
 
+[[package]]
+name = "concurrent-queue"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ca0197aee26d1ae37445ee532fefce43251d24cc7c166799f4d46817f1d3973"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "config"
+version = "0.14.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68578f196d2a33ff61b27fae256c3164f65e36382648e30666dde05b8cc9dfdf"
+dependencies = [
+ "convert_case",
+ "nom",
+ "pathdiff",
+ "serde",
+ "toml",
+]
+
 [[package]]
 name = "console_error_panic_hook"
 version = "0.1.7"
@@ -307,6 +410,12 @@ dependencies = [
  "unicode-xid",
 ]
 
+[[package]]
+name = "const_str_slice_concat"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f67855af358fcb20fac58f9d714c94e2b228fe5694c1c9b4ead4a366343eda1b"
+
 [[package]]
 name = "convert_case"
 version = "0.6.0"
@@ -325,6 +434,12 @@ dependencies = [
  "libc",
 ]
 
+[[package]]
+name = "crossbeam-utils"
+version = "0.8.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d0a5c400df2834b80a4c3327b3aad3a4c4cd4de0629063962b03235697506a28"
+
 [[package]]
 name = "crunchy"
 version = "0.2.2"
@@ -388,12 +503,37 @@ dependencies = [
  "parking_lot_core",
 ]
 
+[[package]]
+name = "dashmap"
+version = "6.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5041cc499144891f3790297212f32a74fb938e5136a14943f338ef9e0ae276cf"
+dependencies = [
+ "cfg-if",
+ "crossbeam-utils",
+ "hashbrown 0.14.5",
+ "lock_api",
+ "once_cell",
+ "parking_lot_core",
+]
+
 [[package]]
 name = "data-encoding"
 version = "2.6.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e8566979429cf69b49a5c740c60791108e86440e8be149bbea4fe54d2c32d6e2"
 
+[[package]]
+name = "derive-where"
+version = "1.2.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "62d671cc41a825ebabc75757b62d3d168c577f9149b2d49ece1dad1f72119d25"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
 [[package]]
 name = "digest"
 version = "0.10.7"
@@ -456,7 +596,7 @@ dependencies = [
  "futures-util",
  "generational-box",
  "longest-increasing-subsequence",
- "rustc-hash",
+ "rustc-hash 1.1.0",
  "rustversion",
  "serde",
  "slab",
@@ -551,7 +691,7 @@ dependencies = [
  "generational-box",
  "once_cell",
  "serde",
- "server_fn",
+ "server_fn 0.6.15",
  "tracing",
 ]
 
@@ -624,7 +764,7 @@ checksum = "da2716b62d08dbb2e4e4678f67cd7c9f25204b598eb7c0a569050d68fa3f85e6"
 dependencies = [
  "js-sys",
  "lazy-js-bundle",
- "rustc-hash",
+ "rustc-hash 1.1.0",
  "sledgehammer_bindgen",
  "sledgehammer_utils",
  "wasm-bindgen",
@@ -686,7 +826,7 @@ dependencies = [
  "generational-box",
  "once_cell",
  "parking_lot",
- "rustc-hash",
+ "rustc-hash 1.1.0",
  "tracing",
  "warnings",
 ]
@@ -713,7 +853,7 @@ dependencies = [
  "generational-box",
  "js-sys",
  "lazy-js-bundle",
- "rustc-hash",
+ "rustc-hash 1.1.0",
  "serde",
  "serde-wasm-bindgen 0.5.0",
  "serde_json",
@@ -731,7 +871,7 @@ checksum = "533109e4635ce1a74d8f1418949585a44aa8cbd953e8f935c23ad4e320962067"
 dependencies = [
  "proc-macro2",
  "quote",
- "server_fn_macro",
+ "server_fn_macro 0.6.15",
  "syn 2.0.91",
 ]
 
@@ -746,6 +886,27 @@ dependencies = [
  "syn 2.0.91",
 ]
 
+[[package]]
+name = "drain_filter_polyfill"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "669a445ee724c5c69b1b06fe0b63e70a1c84bc9bb7d9696cd4f4e3ec45050408"
+
+[[package]]
+name = "either"
+version = "1.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "60b1af1c220855b6ceac025d3f6ecdd2b7c4894bfe9cd9bda4fbb4bc7c0d4cf0"
+
+[[package]]
+name = "either_of"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e2dc0006c5cf511f802ddcffc0a6df9dcc1912f5f0e448f6641b3b035f14f43d"
+dependencies = [
+ "pin-project-lite",
+]
+
 [[package]]
 name = "enumset"
 version = "1.1.5"
@@ -782,6 +943,27 @@ dependencies = [
  "num-traits",
 ]
 
+[[package]]
+name = "event-listener"
+version = "5.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6032be9bd27023a771701cc49f9f053c751055f71efb2e0ae5c15809093675ba"
+dependencies = [
+ "concurrent-queue",
+ "parking",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "event-listener-strategy"
+version = "0.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c3e4e0dd3673c1139bf041f3008816d9cf2946bbfac2945c09e523b8d7b05b2"
+dependencies = [
+ "event-listener",
+ "pin-project-lite",
+]
+
 [[package]]
 name = "fnv"
 version = "1.0.7"
@@ -837,6 +1019,7 @@ dependencies = [
  "futures-core",
  "futures-task",
  "futures-util",
+ "num_cpus",
 ]
 
 [[package]]
@@ -1064,7 +1247,7 @@ dependencies = [
  "serde",
  "serde-wasm-bindgen 0.5.0",
  "serde_urlencoded",
- "thiserror",
+ "thiserror 1.0.69",
  "wasm-bindgen",
  "web-sys",
 ]
@@ -1081,7 +1264,7 @@ dependencies = [
  "serde",
  "serde-wasm-bindgen 0.6.5",
  "serde_urlencoded",
- "thiserror",
+ "thiserror 1.0.69",
  "wasm-bindgen",
  "web-sys",
 ]
@@ -1101,7 +1284,7 @@ dependencies = [
  "pin-project",
  "serde",
  "serde_json",
- "thiserror",
+ "thiserror 1.0.69",
  "wasm-bindgen",
  "wasm-bindgen-futures",
  "web-sys",
@@ -1122,7 +1305,7 @@ dependencies = [
  "pin-project",
  "serde",
  "serde_json",
- "thiserror",
+ "thiserror 1.0.69",
  "wasm-bindgen",
  "wasm-bindgen-futures",
  "web-sys",
@@ -1143,7 +1326,7 @@ dependencies = [
  "pin-project",
  "serde",
  "serde_json",
- "thiserror",
+ "thiserror 1.0.69",
  "wasm-bindgen",
  "wasm-bindgen-futures",
  "web-sys",
@@ -1179,7 +1362,7 @@ dependencies = [
  "js-sys",
  "serde",
  "serde_json",
- "thiserror",
+ "thiserror 1.0.69",
  "wasm-bindgen",
  "web-sys",
 ]
@@ -1194,7 +1377,7 @@ dependencies = [
  "js-sys",
  "serde",
  "serde_json",
- "thiserror",
+ "thiserror 1.0.69",
  "wasm-bindgen",
  "web-sys",
 ]
@@ -1275,7 +1458,7 @@ dependencies = [
  "js-sys",
  "pinned",
  "serde",
- "thiserror",
+ "thiserror 1.0.69",
  "wasm-bindgen",
  "wasm-bindgen-futures",
  "web-sys",
@@ -1293,6 +1476,12 @@ dependencies = [
  "syn 2.0.91",
 ]
 
+[[package]]
+name = "guardian"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "493913a18c0d7bebb75127a26a432162c59edbe06f6cf712001e3e769345e8b5"
+
 [[package]]
 name = "half"
 version = "2.4.1"
@@ -1327,6 +1516,15 @@ version = "0.3.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d231dfb89cfffdbc30e7fc41579ed6066ad03abda9e567ccafae602b97ec5024"
 
+[[package]]
+name = "html-escape"
+version = "0.2.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6d1ad449764d627e22bfd7cd5e8868264fc9236e07c752972b4080cd351cb476"
+dependencies = [
+ "utf8-width",
+]
+
 [[package]]
 name = "http"
 version = "0.2.12"
@@ -1355,6 +1553,20 @@ version = "1.9.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7d71d3574edd2771538b901e6549113b4006ece66150fb69c0fb6d9a2adae946"
 
+[[package]]
+name = "hydration_context"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d35485b3dcbf7e044b8f28c73f04f13e7b509c2466fd10cb2a8a447e38f8a93a"
+dependencies = [
+ "futures",
+ "once_cell",
+ "or_poisoned",
+ "pin-project-lite",
+ "serde",
+ "throw_error",
+]
+
 [[package]]
 name = "icu_collections"
 version = "1.5.0"
@@ -1530,12 +1742,27 @@ dependencies = [
  "hashbrown 0.15.2",
 ]
 
+[[package]]
+name = "interpolator"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "71dd52191aae121e8611f1e8dc3e324dd0dd1dee1e6dd91d10ee07a3cfb4d9d8"
+
 [[package]]
 name = "is_terminal_polyfill"
 version = "1.70.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7943c866cc5cd64cbc25b2e01621d07fa8eb2a1a23160ee81ce38704e97b8ecf"
 
+[[package]]
+name = "itertools"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "413ee7dfc52ee1a4949ceeb7dbc8a33f2d6c088194d9f922fb8318faf1f01186"
+dependencies = [
+ "either",
+]
+
 [[package]]
 name = "itoa"
 version = "1.0.14"
@@ -1573,12 +1800,141 @@ version = "1.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "bbd2bcb4c963f2ddae06a2efc7e9f3591312473c50c6685e1f298068316e66fe"
 
+[[package]]
+name = "leptos"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c4e32cac886183e0faf8dd30944072302359a8508380827f649ef9bbdd179ad"
+dependencies = [
+ "any_spawner",
+ "cfg-if",
+ "either_of",
+ "futures",
+ "hydration_context",
+ "leptos_config",
+ "leptos_dom",
+ "leptos_hot_reload",
+ "leptos_macro",
+ "leptos_server",
+ "oco_ref",
+ "or_poisoned",
+ "paste",
+ "reactive_graph",
+ "rustc-hash 2.1.0",
+ "send_wrapper",
+ "serde",
+ "serde_qs 0.13.0",
+ "server_fn 0.7.2",
+ "slotmap",
+ "tachys",
+ "thiserror 2.0.9",
+ "throw_error",
+ "typed-builder",
+ "typed-builder-macro",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "leptos_config"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1961b08a7dc3f4a559223be87c44b56bb565bf0b438909a0c3c31d88bfad0982"
+dependencies = [
+ "config",
+ "regex",
+ "serde",
+ "thiserror 2.0.9",
+ "typed-builder",
+]
+
+[[package]]
+name = "leptos_dom"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "652ba5e3a5c4e703e5bd4b24b62de9dbeedca84e5f31aff045bf329014418496"
+dependencies = [
+ "js-sys",
+ "or_poisoned",
+ "reactive_graph",
+ "send_wrapper",
+ "tachys",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "leptos_hot_reload"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "77bc67823a8eb1c961ee08dd7b3a814964c63928a64954e3521733b56dd7e66f"
+dependencies = [
+ "anyhow",
+ "camino",
+ "indexmap",
+ "parking_lot",
+ "proc-macro2",
+ "quote",
+ "rstml",
+ "serde",
+ "syn 2.0.91",
+ "walkdir",
+]
+
+[[package]]
+name = "leptos_macro"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0d4b2418deac01fe9a3862d410a6a6beff235e4b124d9e874986bb22617aeea6"
+dependencies = [
+ "attribute-derive",
+ "cfg-if",
+ "convert_case",
+ "html-escape",
+ "itertools",
+ "leptos_hot_reload",
+ "prettyplease",
+ "proc-macro-error2",
+ "proc-macro2",
+ "quote",
+ "rstml",
+ "server_fn_macro 0.7.2",
+ "syn 2.0.91",
+ "uuid",
+]
+
+[[package]]
+name = "leptos_server"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5cc1e6a182eebf8b1739dff377e63688eb7ab08c133f657e939969daa356a275"
+dependencies = [
+ "any_spawner",
+ "base64",
+ "codee",
+ "futures",
+ "hydration_context",
+ "or_poisoned",
+ "reactive_graph",
+ "send_wrapper",
+ "serde",
+ "serde_json",
+ "server_fn 0.7.2",
+ "tachys",
+]
+
 [[package]]
 name = "libc"
 version = "0.2.169"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b5aba8db14291edd000dfcc4d620c7ebfb122c613afb886ca8803fa4e128a20a"
 
+[[package]]
+name = "linear-map"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bfae20f6b19ad527b550c223fddc3077a547fc70cda94b9b566575423fd303ee"
+
 [[package]]
 name = "litemap"
 version = "0.7.4"
@@ -1642,12 +1998,41 @@ dependencies = [
  "syn 2.0.91",
 ]
 
+[[package]]
+name = "manyhow"
+version = "0.11.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b33efb3ca6d3b07393750d4030418d594ab1139cee518f0dc88db70fec873587"
+dependencies = [
+ "manyhow-macros",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "manyhow-macros"
+version = "0.11.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "46fce34d199b78b6e6073abf984c9cf5fd3e9330145a93ee0738a7443e371495"
+dependencies = [
+ "proc-macro-utils",
+ "proc-macro2",
+ "quote",
+]
+
 [[package]]
 name = "memchr"
 version = "2.7.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "78ca9ab1a0babb1e7d5695e3530886289c18cf2f87ec19a575a0abdce112e3a3"
 
+[[package]]
+name = "minimal-lexical"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68354c5c6bd36d73ff3feceb05efa59b6acb7626617f4962be322a825e61f79a"
+
 [[package]]
 name = "miniz_oxide"
 version = "0.8.2"
@@ -1657,6 +2042,22 @@ dependencies = [
  "adler2",
 ]
 
+[[package]]
+name = "next_tuple"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "60993920e071b0c9b66f14e2b32740a4e27ffc82854dcd72035887f336a09a28"
+
+[[package]]
+name = "nom"
+version = "7.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d273983c5a657a70a3e8f2a01329822f3b8c8172b73826411a55751e404a0a4a"
+dependencies = [
+ "memchr",
+ "minimal-lexical",
+]
+
 [[package]]
 name = "num-traits"
 version = "0.2.19"
@@ -1685,12 +2086,34 @@ dependencies = [
  "memchr",
 ]
 
+[[package]]
+name = "oco_ref"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64b94982fe39a861561cf67ff17a7849f2cedadbbad960a797634032b7abb998"
+dependencies = [
+ "serde",
+ "thiserror 1.0.69",
+]
+
 [[package]]
 name = "once_cell"
 version = "1.20.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1261fe7e33c73b354eab43b1273a57c8f967d0391e80353e51f764ac02cf6775"
 
+[[package]]
+name = "or_poisoned"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8c04f5d74368e4d0dfe06c45c8627c81bd7c317d52762d118fb9b3076f6420fd"
+
+[[package]]
+name = "parking"
+version = "2.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f38d5652c16fde515bb1ecef450ab0f6a219d619a7274976324d5e377f7dceba"
+
 [[package]]
 name = "parking_lot"
 version = "0.12.3"
@@ -1714,6 +2137,18 @@ dependencies = [
  "windows-targets",
 ]
 
+[[package]]
+name = "paste"
+version = "1.0.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "57c0d7b74b563b49d38dae00a0c37d4d6de9b432382b2892f0574ddcae73fd0a"
+
+[[package]]
+name = "pathdiff"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df94ce210e5bc13cb6651479fa48d14f601d9858cfe0467f43ae157023b938d3"
+
 [[package]]
 name = "percent-encoding"
 version = "2.3.1"
@@ -1760,7 +2195,7 @@ checksum = "a829027bd95e54cfe13e3e258a1ae7b645960553fb82b75ff852c29688ee595b"
 dependencies = [
  "futures",
  "rustversion",
- "thiserror",
+ "thiserror 1.0.69",
 ]
 
 [[package]]
@@ -1789,7 +2224,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7f4c021e1093a56626774e81216a4ce732a735e5bad4868a03f3ed65ca0c3919"
 dependencies = [
  "once_cell",
- "toml_edit",
+ "toml_edit 0.19.15",
 ]
 
 [[package]]
@@ -1816,6 +2251,39 @@ dependencies = [
  "version_check",
 ]
 
+[[package]]
+name = "proc-macro-error-attr2"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "96de42df36bb9bba5542fe9f1a054b8cc87e172759a1868aa05c1f3acc89dfc5"
+dependencies = [
+ "proc-macro2",
+ "quote",
+]
+
+[[package]]
+name = "proc-macro-error2"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "11ec05c52be0a07b08061f7dd003e7d7092e0472bc731b4af7bb1ef876109802"
+dependencies = [
+ "proc-macro-error-attr2",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "proc-macro-utils"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eeaf08a13de400bc215877b5bdc088f241b12eb42f0a548d3390dc1c56bb7071"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "smallvec",
+]
+
 [[package]]
 name = "proc-macro2"
 version = "1.0.92"
@@ -1835,6 +2303,7 @@ dependencies = [
  "quote",
  "syn 2.0.91",
  "version_check",
+ "yansi",
 ]
 
 [[package]]
@@ -1863,12 +2332,35 @@ dependencies = [
  "proc-macro2",
 ]
 
+[[package]]
+name = "quote-use"
+version = "0.8.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9619db1197b497a36178cfc736dc96b271fe918875fbf1344c436a7e93d0321e"
+dependencies = [
+ "quote",
+ "quote-use-macros",
+]
+
+[[package]]
+name = "quote-use-macros"
+version = "0.8.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "82ebfb7faafadc06a7ab141a6f67bcfb24cb8beb158c6fe933f2f035afa99f35"
+dependencies = [
+ "proc-macro-utils",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
 [[package]]
 name = "radiors"
-version = "0.0.1"
+version = "0.0.2"
 dependencies = [
  "bump2version",
  "dioxus",
+ "leptos",
  "log",
  "web-sys",
  "yew",
@@ -1904,6 +2396,55 @@ dependencies = [
  "getrandom",
 ]
 
+[[package]]
+name = "reactive_graph"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "04db00da5327bfd67a75b8d39dd1e8dff14509f375f0618110e30d28d4fbea0d"
+dependencies = [
+ "any_spawner",
+ "async-lock",
+ "futures",
+ "guardian",
+ "hydration_context",
+ "or_poisoned",
+ "pin-project-lite",
+ "rustc-hash 2.1.0",
+ "send_wrapper",
+ "serde",
+ "slotmap",
+ "thiserror 2.0.9",
+ "web-sys",
+]
+
+[[package]]
+name = "reactive_stores"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8285bcb6b1520dfc67a253ed6ca02dd9b9e3f8e98072e217585c8abfc6252050"
+dependencies = [
+ "guardian",
+ "itertools",
+ "or_poisoned",
+ "paste",
+ "reactive_graph",
+ "reactive_stores_macro",
+ "rustc-hash 2.1.0",
+]
+
+[[package]]
+name = "reactive_stores_macro"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4d86e4f08f361b05d11422398cef4bc4cf356f2fdd2f06a96646b0e9cd902226"
+dependencies = [
+ "convert_case",
+ "proc-macro-error2",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
 [[package]]
 name = "redox_syscall"
 version = "0.5.8"
@@ -1942,6 +2483,21 @@ version = "0.8.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "2b15c43186be67a4fd63bee50d0303afffcef381492ebe2c5d87f324e1b8815c"
 
+[[package]]
+name = "rstml"
+version = "0.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "51187e564f12336ef40cd04f6f4d805d6919188001dcf1e0a021898ea0fe28ce"
+dependencies = [
+ "derive-where",
+ "proc-macro2",
+ "proc-macro2-diagnostics",
+ "quote",
+ "syn 2.0.91",
+ "syn_derive",
+ "thiserror 1.0.69",
+]
+
 [[package]]
 name = "rustc-demangle"
 version = "0.1.24"
@@ -1954,6 +2510,12 @@ version = "1.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "08d43f7aa6b08d49f382cde6a7982047c3426db949b1424bc4b7ec9ae12c6ce2"
 
+[[package]]
+name = "rustc-hash"
+version = "2.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c7fb8039b3032c191086b10f11f319a6e99e1e82889c5cc6046f515c9db1d497"
+
 [[package]]
 name = "rustversion"
 version = "1.0.18"
@@ -1966,6 +2528,15 @@ version = "1.0.18"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f3cb5ba0dc43242ce17de99c180e96db90b235b8a9fdc9543c96d2209116bd9f"
 
+[[package]]
+name = "same-file"
+version = "1.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "93fc1dc3aaa9bfed95e02e6eadabb4baf7e3078b0bd1b4d7b6b0b68378900502"
+dependencies = [
+ "winapi-util",
+]
+
 [[package]]
 name = "scopeguard"
 version = "1.2.0"
@@ -2043,7 +2614,27 @@ checksum = "0431a35568651e363364210c91983c1da5eb29404d9f0928b67d4ebcfa7d330c"
 dependencies = [
  "percent-encoding",
  "serde",
- "thiserror",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "serde_qs"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd34f36fe4c5ba9654417139a9b3a20d2e1de6012ee678ad14d240c22c78d8d6"
+dependencies = [
+ "percent-encoding",
+ "serde",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "serde_spanned"
+version = "0.6.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87607cb1398ed59d48732e575a4c28a7a8ebf2454b964fe3f224f2afc07909e1"
+dependencies = [
+ "serde",
 ]
 
 [[package]]
@@ -2066,18 +2657,48 @@ checksum = "4fae7a3038a32e5a34ba32c6c45eb4852f8affaf8b794ebfcd4b1099e2d62ebe"
 dependencies = [
  "bytes",
  "const_format",
- "dashmap",
+ "dashmap 5.5.3",
+ "futures",
+ "gloo-net 0.6.0",
+ "http 1.2.0",
+ "js-sys",
+ "once_cell",
+ "send_wrapper",
+ "serde",
+ "serde_json",
+ "serde_qs 0.12.0",
+ "server_fn_macro_default 0.6.15",
+ "thiserror 1.0.69",
+ "url",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "wasm-streams",
+ "web-sys",
+ "xxhash-rust",
+]
+
+[[package]]
+name = "server_fn"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1abb4001047ecff14681ec411bbd9a8a95a7b405e543ed043fece8f0c5a2f4fe"
+dependencies = [
+ "bytes",
+ "const_format",
+ "dashmap 6.1.0",
  "futures",
  "gloo-net 0.6.0",
  "http 1.2.0",
  "js-sys",
  "once_cell",
+ "pin-project-lite",
  "send_wrapper",
  "serde",
  "serde_json",
- "serde_qs",
- "server_fn_macro_default",
- "thiserror",
+ "serde_qs 0.13.0",
+ "server_fn_macro_default 0.7.2",
+ "thiserror 2.0.9",
+ "throw_error",
  "url",
  "wasm-bindgen",
  "wasm-bindgen-futures",
@@ -2100,13 +2721,37 @@ dependencies = [
  "xxhash-rust",
 ]
 
+[[package]]
+name = "server_fn_macro"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7883cf3cb2522ce663df033e2fd3093a4497e9b8ed30f354200ef7058c9c792c"
+dependencies = [
+ "const_format",
+ "convert_case",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+ "xxhash-rust",
+]
+
 [[package]]
 name = "server_fn_macro_default"
 version = "0.6.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7f2aa8119b558a17992e0ac1fd07f080099564f24532858811ce04f742542440"
 dependencies = [
- "server_fn_macro",
+ "server_fn_macro 0.6.15",
+ "syn 2.0.91",
+]
+
+[[package]]
+name = "server_fn_macro_default"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a734ef90a83ee9517468b38a017f602a869b382c18e8e8b4118f3f1b88f2856c"
+dependencies = [
+ "server_fn_macro 0.7.2",
  "syn 2.0.91",
 ]
 
@@ -2165,7 +2810,7 @@ version = "0.3.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "debdd4b83524961983cea3c55383b3910fd2f24fd13a188f5b091d2d504a61ae"
 dependencies = [
- "rustc-hash",
+ "rustc-hash 1.1.0",
 ]
 
 [[package]]
@@ -2217,6 +2862,18 @@ dependencies = [
  "unicode-ident",
 ]
 
+[[package]]
+name = "syn_derive"
+version = "0.1.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1329189c02ff984e9736652b1631330da25eaa6bc639089ed4915d25446cbe7b"
+dependencies = [
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
 [[package]]
 name = "synstructure"
 version = "0.13.1"
@@ -2228,13 +2885,54 @@ dependencies = [
  "syn 2.0.91",
 ]
 
+[[package]]
+name = "tachys"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3a255ccf179898f7be8f4a9e8d66b632eff7fddcae55288ecd5bd6bd37e4d4f"
+dependencies = [
+ "any_spawner",
+ "const_str_slice_concat",
+ "drain_filter_polyfill",
+ "either_of",
+ "futures",
+ "html-escape",
+ "indexmap",
+ "itertools",
+ "js-sys",
+ "linear-map",
+ "next_tuple",
+ "oco_ref",
+ "once_cell",
+ "or_poisoned",
+ "parking_lot",
+ "paste",
+ "reactive_graph",
+ "reactive_stores",
+ "rustc-hash 2.1.0",
+ "send_wrapper",
+ "slotmap",
+ "throw_error",
+ "wasm-bindgen",
+ "web-sys",
+]
+
 [[package]]
 name = "thiserror"
 version = "1.0.69"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b6aaf5339b578ea85b50e080feb250a3e8ae8cfcdff9a461c9ec2904bc923f52"
 dependencies = [
- "thiserror-impl",
+ "thiserror-impl 1.0.69",
+]
+
+[[package]]
+name = "thiserror"
+version = "2.0.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f072643fd0190df67a8bab670c20ef5d8737177d6ac6b2e9a236cb096206b2cc"
+dependencies = [
+ "thiserror-impl 2.0.9",
 ]
 
 [[package]]
@@ -2248,6 +2946,17 @@ dependencies = [
  "syn 2.0.91",
 ]
 
+[[package]]
+name = "thiserror-impl"
+version = "2.0.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7b50fa271071aae2e6ee85f842e2e28ba8cd2c5fb67f11fcb1fd70b276f9e7d4"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
 [[package]]
 name = "thread_local"
 version = "1.1.8"
@@ -2258,6 +2967,15 @@ dependencies = [
  "once_cell",
 ]
 
+[[package]]
+name = "throw_error"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e4ef8bf264c6ae02a065a4a16553283f0656bd6266fc1fcb09fd2e6b5e91427b"
+dependencies = [
+ "pin-project-lite",
+]
+
 [[package]]
 name = "tinystr"
 version = "0.7.6"
@@ -2289,11 +3007,26 @@ dependencies = [
  "tokio",
 ]
 
+[[package]]
+name = "toml"
+version = "0.8.19"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a1ed1f98e3fdc28d6d910e6737ae6ab1a93bf1985935a1193e68f93eeb68d24e"
+dependencies = [
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "toml_edit 0.22.22",
+]
+
 [[package]]
 name = "toml_datetime"
 version = "0.6.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "0dd7358ecb8fc2f8d014bf86f6f638ce72ba252a2c3a2572f2a795f1d23efb41"
+dependencies = [
+ "serde",
+]
 
 [[package]]
 name = "toml_edit"
@@ -2303,7 +3036,20 @@ checksum = "1b5bb770da30e5cbfde35a2d7b9b8a2c4b8ef89548a7a6aeab5c9a576e3e7421"
 dependencies = [
  "indexmap",
  "toml_datetime",
- "winnow",
+ "winnow 0.5.40",
+]
+
+[[package]]
+name = "toml_edit"
+version = "0.22.22"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ae48d6208a266e853d946088ed816055e556cc6028c5e8e2b84d9fa5dd7c7f5"
+dependencies = [
+ "indexmap",
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "winnow 0.6.20",
 ]
 
 [[package]]
@@ -2373,10 +3119,30 @@ dependencies = [
  "log",
  "rand",
  "sha1",
- "thiserror",
+ "thiserror 1.0.69",
  "utf-8",
 ]
 
+[[package]]
+name = "typed-builder"
+version = "0.20.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7e14ed59dc8b7b26cacb2a92bad2e8b1f098806063898ab42a3bd121d7d45e75"
+dependencies = [
+ "typed-builder-macro",
+]
+
+[[package]]
+name = "typed-builder-macro"
+version = "0.20.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "560b82d656506509d43abe30e0ba64c56b1953ab3d4fe7ba5902747a7a3cedd5"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.91",
+]
+
 [[package]]
 name = "typenum"
 version = "1.17.0"
@@ -2424,6 +3190,12 @@ version = "1.0.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "c8232dd3cdaed5356e0f716d285e4b40b932ac434100fe9b7e0e8e935b9e6246"
 
+[[package]]
+name = "utf8-width"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "86bd8d4e895da8537e5315b8254664e6b769c4ff3db18321b297a1e7004392e3"
+
 [[package]]
 name = "utf8_iter"
 version = "1.0.4"
@@ -2436,12 +3208,31 @@ version = "0.2.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "06abde3611657adf66d383f00b093d7faecc7fa57071cce2578660c9f1010821"
 
+[[package]]
+name = "uuid"
+version = "1.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f8c5f0a0af699448548ad1a2fbf920fb4bee257eae39953ba95cb84891a0446a"
+dependencies = [
+ "getrandom",
+]
+
 [[package]]
 name = "version_check"
 version = "0.9.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
 
+[[package]]
+name = "walkdir"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "29790946404f91d9c5d06f9874efddea1dc06c5efe94541a7d6863108e3a5e4b"
+dependencies = [
+ "same-file",
+ "winapi-util",
+]
+
 [[package]]
 name = "warnings"
 version = "0.2.1"
@@ -2560,6 +3351,15 @@ dependencies = [
  "wasm-bindgen",
 ]
 
+[[package]]
+name = "winapi-util"
+version = "0.1.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cf221c93e13a30d793f7645a0e7762c55d169dbb0a49671918a2319d289b10bb"
+dependencies = [
+ "windows-sys",
+]
+
 [[package]]
 name = "windows-sys"
 version = "0.59.0"
@@ -2642,6 +3442,15 @@ dependencies = [
  "memchr",
 ]
 
+[[package]]
+name = "winnow"
+version = "0.6.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "36c1fec1a2bb5866f07c25f68c26e565c4c200aebb96d7e55710c19d3e8ac49b"
+dependencies = [
+ "memchr",
+]
+
 [[package]]
 name = "write16"
 version = "1.0.0"
@@ -2660,6 +3469,12 @@ version = "0.8.14"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d7d48f1b18be023c95e7b75f481cac649d74be7c507ff4a407c55cfb957f7934"
 
+[[package]]
+name = "yansi"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cfe53a6657fd280eaa890a3bc59152892ffa3e30101319d168b781ed6529b049"
+
 [[package]]
 name = "yew"
 version = "0.21.0"
@@ -2676,7 +3491,7 @@ dependencies = [
  "rustversion",
  "serde",
  "slab",
- "thiserror",
+ "thiserror 1.0.69",
  "tokio",
  "tracing",
  "wasm-bindgen",
diff --git a/Cargo.toml b/Cargo.toml
index 65c909b..1f8efc7 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -18,10 +18,12 @@ exclude = ["assets", "examples"]
 web-sys = "0.3.76"
 yew = { version = "0.21.0", default-features = false, optional = true }
 dioxus = { version = "0.6.1", optional = true }
+leptos = { version = "0.7.2", optional = true }
 
 [features]
 yew = ["dep:yew"]
 dio = ["dioxus"]
+lep = ["leptos"]
 
 [profile.release]
 opt-level = "z"
diff --git a/Leptos.md b/Leptos.md
new file mode 100644
index 0000000..cc10000
--- /dev/null
+++ b/Leptos.md
@@ -0,0 +1,166 @@
+# 🌱 Leptos Radio RS Usage
+
+Adding Radio RS to your Leptos project is simple:
+
+1. Make sure your project is set up with Leptos. Refer to their [Getting Started Guide](https://book.leptos.dev/getting_started/index.html) for setup instructions.
+
+1. Add `radiors` to your dependencies:
+
+   ```sh
+   cargo add radiors --features=lep
+   ```
+
+1. Import the `Radio` components into your Leptos component and start using it in your app.
+
+## 🛠️ Usage
+
+Incorporating the Radio components into your Leptos application is easy. Follow these steps:
+
+1. Import the Radio components into your Leptos project:
+
+   ```rust
+   use leptos::prelude::*;
+   use radiors::leptos::{Radio, Group};
+   use radiors::{Size, Orientation};
+   ```
+
+1. Use the `Radio` components within your Leptos application:
+
+   ```rust
+   use leptos::prelude::*;
+   use radiors::leptos::{Radio, Group};
+   use radiors::{Size, Orientation};
+
+   #[component]
+   pub fn app() -> impl IntoView {
+       let selected_value = signal("Option1".to_string());
+
+       view! {
+           <Group
+               selected={selected_value.0.get()}
+               onchange=Callback::from(move |new_value: String| {
+                   selected_value.1.set(new_value);
+               })
+               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` Props
+
+#### Main Props
+
+| Property   | Type      | Description                                          | Default |
+| ---------- | --------- | ---------------------------------------------------- | ------- |
+| `selected` | `String`  | The currently selected value of the radio group.     | `""`    |
+| `children` | `ChildrenFragment` | 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` 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.
+- Callback props like `onchange` and `onclick` allow you to handle user interactions effectively.
+- Make sure that the `value` for each `Radio` is unique within the `Group` to avoid conflicts.
+- Customize the layout with the `orientation` prop (`Horizontal` or `Vertical`).
+- Enhance the appearance by applying custom classes and styles or using any CSS framework.
diff --git a/README.md b/README.md
index f8d0f22..8524fc7 100644
--- a/README.md
+++ b/README.md
@@ -23,7 +23,7 @@
 | --- | --- |
 | Yew | [![Netlify Status](https://api.netlify.com/api/v1/badges/a0efc7e9-f20e-4dd9-93e1-c8f4fde7506f/deploy-status)](https://radio-rs.netlify.app) |
 | Dioxus | [![Netlify Status](https://api.netlify.com/api/v1/badges/4dabc732-d6de-4598-a629-980be35c003f/deploy-status)](https://radio-rs-dioxus.netlify.app) |
-| Leptos | TODO |
+| Leptos | [![Netlify Status](https://api.netlify.com/api/v1/badges/4912ca4b-34ae-421d-8091-d1b836f13cdf/deploy-status)](https://radio-rs-leptos.netlify.app) |
 
 ## 📜 Intro
 
@@ -43,11 +43,11 @@ The following features make Radio RS a valuable addition to your WASM-based proj
 
 Refer to [our guide](YEW.md) to integrate this component into your Yew app.
 
-## 🧬 Dioxus Usage
+## 🧬 Dioxus Usage (WIP)
 
 Refer to [our guide](DIOXUS.md) to integrate this component into your Dioxus app.
 
-## 🌱 Leptos Usage (TODO)
+## 🌱 Leptos Usage (WIP)
 
 Refer to [our guide](LEPTOS.md) to integrate this component into your Leptos app.
 
diff --git a/examples/leptos/.gitignore b/examples/leptos/.gitignore
new file mode 100644
index 0000000..cc39038
--- /dev/null
+++ b/examples/leptos/.gitignore
@@ -0,0 +1,2 @@
+target/**/*
+dist/**/*
diff --git a/examples/leptos/Cargo.lock b/examples/leptos/Cargo.lock
new file mode 100644
index 0000000..1770cce
--- /dev/null
+++ b/examples/leptos/Cargo.lock
@@ -0,0 +1,1944 @@
+# This file is automatically @generated by Cargo.
+# It is not intended for manual editing.
+version = 3
+
+[[package]]
+name = "aho-corasick"
+version = "1.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e60d3430d3a69478ad0993f19238d2df97c507009a52b3c10addcd7f6bcb916"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "any_spawner"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "41058deaa38c9d9dd933d6d238d825227cffa668e2839b52879f6619c63eee3b"
+dependencies = [
+ "futures",
+ "thiserror 2.0.4",
+ "wasm-bindgen-futures",
+]
+
+[[package]]
+name = "anyhow"
+version = "1.0.94"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c1fd03a028ef38ba2276dce7e33fcd6369c158a1bca17946c4b1b701891c1ff7"
+
+[[package]]
+name = "async-lock"
+version = "3.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ff6e472cdea888a4bd64f342f09b3f50e1886d32afe8df3d663c01140b811b18"
+dependencies = [
+ "event-listener",
+ "event-listener-strategy",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "attribute-derive"
+version = "0.10.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0053e96dd3bec5b4879c23a138d6ef26f2cb936c9cdc96274ac2b9ed44b5bb54"
+dependencies = [
+ "attribute-derive-macro",
+ "derive-where",
+ "manyhow",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "attribute-derive-macro"
+version = "0.10.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "463b53ad0fd5b460af4b1915fe045ff4d946d025fb6c4dc3337752eaa980f71b"
+dependencies = [
+ "collection_literals",
+ "interpolator",
+ "manyhow",
+ "proc-macro-utils",
+ "proc-macro2",
+ "quote",
+ "quote-use",
+ "syn",
+]
+
+[[package]]
+name = "autocfg"
+version = "1.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ace50bade8e6234aa140d9a2f552bbee1db4d353f69b8217bc503490fc1a9f26"
+
+[[package]]
+name = "base64"
+version = "0.22.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72b3254f16251a8381aa12e40e3c4d2f0199f8c6508fbecb9d91f575e0fbb8c6"
+
+[[package]]
+name = "bitflags"
+version = "2.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b048fb63fd8b5923fc5aa7b340d8e156aec7ec02f0c78fa8a6ddc2613f6f71de"
+
+[[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 = "camino"
+version = "1.1.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b96ec4966b5813e2c0507c1f86115c8c5abaadc3980879c3424042a02fd1ad3"
+
+[[package]]
+name = "cfg-if"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd"
+
+[[package]]
+name = "codee"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d3ad3122b0001c7f140cf4d605ef9a9e2c24d96ab0b4fb4347b76de2425f445"
+dependencies = [
+ "serde",
+ "serde_json",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "collection_literals"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "186dce98367766de751c42c4f03970fc60fc012296e706ccbb9d5df9b6c1e271"
+
+[[package]]
+name = "concurrent-queue"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ca0197aee26d1ae37445ee532fefce43251d24cc7c166799f4d46817f1d3973"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "config"
+version = "0.14.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68578f196d2a33ff61b27fae256c3164f65e36382648e30666dde05b8cc9dfdf"
+dependencies = [
+ "convert_case",
+ "nom",
+ "pathdiff",
+ "serde",
+ "toml",
+]
+
+[[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 = "const_format"
+version = "0.2.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "50c655d81ff1114fb0dcdea9225ea9f0cc712a6f8d189378e82bdf62a473a64b"
+dependencies = [
+ "const_format_proc_macros",
+]
+
+[[package]]
+name = "const_format_proc_macros"
+version = "0.2.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eff1a44b93f47b1bac19a27932f5c591e43d1ba357ee4f61526c8a25603f0eb1"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-xid",
+]
+
+[[package]]
+name = "const_str_slice_concat"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f67855af358fcb20fac58f9d714c94e2b228fe5694c1c9b4ead4a366343eda1b"
+
+[[package]]
+name = "convert_case"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec182b0ca2f35d8fc196cf3404988fd8b8c739a4d270ff118a398feb0cbec1ca"
+dependencies = [
+ "unicode-segmentation",
+]
+
+[[package]]
+name = "crossbeam-utils"
+version = "0.8.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "22ec99545bb0ed0ea7bb9b8e1e9122ea386ff8a48c0922e43f36d45ab09e0e80"
+
+[[package]]
+name = "dashmap"
+version = "6.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5041cc499144891f3790297212f32a74fb938e5136a14943f338ef9e0ae276cf"
+dependencies = [
+ "cfg-if",
+ "crossbeam-utils",
+ "hashbrown 0.14.5",
+ "lock_api",
+ "once_cell",
+ "parking_lot_core",
+]
+
+[[package]]
+name = "derive-where"
+version = "1.2.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "62d671cc41a825ebabc75757b62d3d168c577f9149b2d49ece1dad1f72119d25"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "displaydoc"
+version = "0.2.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "97369cbbc041bc366949bc74d34658d6cda5621039731c6310521892a3a20ae0"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "drain_filter_polyfill"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "669a445ee724c5c69b1b06fe0b63e70a1c84bc9bb7d9696cd4f4e3ec45050408"
+
+[[package]]
+name = "either"
+version = "1.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "60b1af1c220855b6ceac025d3f6ecdd2b7c4894bfe9cd9bda4fbb4bc7c0d4cf0"
+
+[[package]]
+name = "either_of"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0d1e2e7b8b6deaf1ae68f1d8796dec8732cff85d27fdbf4bc4460145a067ed0b"
+dependencies = [
+ "pin-project-lite",
+]
+
+[[package]]
+name = "equivalent"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5443807d6dff69373d433ab9ef5378ad8df50ca6298caf15de6e52e24aaf54d5"
+
+[[package]]
+name = "event-listener"
+version = "5.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6032be9bd27023a771701cc49f9f053c751055f71efb2e0ae5c15809093675ba"
+dependencies = [
+ "concurrent-queue",
+ "parking",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "event-listener-strategy"
+version = "0.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c3e4e0dd3673c1139bf041f3008816d9cf2946bbfac2945c09e523b8d7b05b2"
+dependencies = [
+ "event-listener",
+ "pin-project-lite",
+]
+
+[[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-executor",
+ "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-executor"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e28d1d997f585e54aebc3f97d39e72338912123a67330d723fdbb564d646c9f"
+dependencies = [
+ "futures-core",
+ "futures-task",
+ "futures-util",
+ "num_cpus",
+]
+
+[[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",
+]
+
+[[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",
+ "libc",
+ "wasi",
+]
+
+[[package]]
+name = "gloo-net"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c06f627b1a58ca3d42b45d6104bf1e1a03799df472df00988b6ba21accc10580"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-sink",
+ "gloo-utils",
+ "http",
+ "js-sys",
+ "pin-project",
+ "serde",
+ "serde_json",
+ "thiserror 1.0.69",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "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 = "guardian"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "493913a18c0d7bebb75127a26a432162c59edbe06f6cf712001e3e769345e8b5"
+
+[[package]]
+name = "hashbrown"
+version = "0.14.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e5274423e17b7c9fc20b6e7e208532f9b19825d82dfd615708b70edd83df41f1"
+
+[[package]]
+name = "hashbrown"
+version = "0.15.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf151400ff0baff5465007dd2f3e717f3fe502074ca563069ce3a6629d07b289"
+
+[[package]]
+name = "hermit-abi"
+version = "0.3.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d231dfb89cfffdbc30e7fc41579ed6066ad03abda9e567ccafae602b97ec5024"
+
+[[package]]
+name = "html-escape"
+version = "0.2.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6d1ad449764d627e22bfd7cd5e8868264fc9236e07c752972b4080cd351cb476"
+dependencies = [
+ "utf8-width",
+]
+
+[[package]]
+name = "http"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f16ca2af56261c99fba8bac40a10251ce8188205a4c448fbb745a2e4daa76fea"
+dependencies = [
+ "bytes",
+ "fnv",
+ "itoa",
+]
+
+[[package]]
+name = "hydration_context"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ef13071fe13b55c85fe2b70246d2e3b49d2c6a764fd3e0edaf262cc385ff1854"
+dependencies = [
+ "futures",
+ "once_cell",
+ "or_poisoned",
+ "pin-project-lite",
+ "serde",
+ "throw_error",
+]
+
+[[package]]
+name = "icu_collections"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "db2fa452206ebee18c4b5c2274dbf1de17008e874b4dc4f0aea9d01ca79e4526"
+dependencies = [
+ "displaydoc",
+ "yoke",
+ "zerofrom",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_locid"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13acbb8371917fc971be86fc8057c41a64b521c184808a698c02acc242dbf637"
+dependencies = [
+ "displaydoc",
+ "litemap",
+ "tinystr",
+ "writeable",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_locid_transform"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "01d11ac35de8e40fdeda00d9e1e9d92525f3f9d887cdd7aa81d727596788b54e"
+dependencies = [
+ "displaydoc",
+ "icu_locid",
+ "icu_locid_transform_data",
+ "icu_provider",
+ "tinystr",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_locid_transform_data"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fdc8ff3388f852bede6b579ad4e978ab004f139284d7b28715f773507b946f6e"
+
+[[package]]
+name = "icu_normalizer"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "19ce3e0da2ec68599d193c93d088142efd7f9c5d6fc9b803774855747dc6a84f"
+dependencies = [
+ "displaydoc",
+ "icu_collections",
+ "icu_normalizer_data",
+ "icu_properties",
+ "icu_provider",
+ "smallvec",
+ "utf16_iter",
+ "utf8_iter",
+ "write16",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_normalizer_data"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f8cafbf7aa791e9b22bec55a167906f9e1215fd475cd22adfcf660e03e989516"
+
+[[package]]
+name = "icu_properties"
+version = "1.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "93d6020766cfc6302c15dbbc9c8778c37e62c14427cb7f6e601d849e092aeef5"
+dependencies = [
+ "displaydoc",
+ "icu_collections",
+ "icu_locid_transform",
+ "icu_properties_data",
+ "icu_provider",
+ "tinystr",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_properties_data"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "67a8effbc3dd3e4ba1afa8ad918d5684b8868b3b26500753effea8d2eed19569"
+
+[[package]]
+name = "icu_provider"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ed421c8a8ef78d3e2dbc98a973be2f3770cb42b606e3ab18d6237c4dfde68d9"
+dependencies = [
+ "displaydoc",
+ "icu_locid",
+ "icu_provider_macros",
+ "stable_deref_trait",
+ "tinystr",
+ "writeable",
+ "yoke",
+ "zerofrom",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_provider_macros"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1ec89e9337638ecdc08744df490b221a7399bf8d164eb52a665454e60e075ad6"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "idna"
+version = "1.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "686f825264d630750a544639377bae737628043f20d38bbc029e8f29ea968a7e"
+dependencies = [
+ "idna_adapter",
+ "smallvec",
+ "utf8_iter",
+]
+
+[[package]]
+name = "idna_adapter"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "daca1df1c957320b2cf139ac61e7bd64fed304c5040df000a745aa1de3b4ef71"
+dependencies = [
+ "icu_normalizer",
+ "icu_properties",
+]
+
+[[package]]
+name = "indexmap"
+version = "2.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "62f822373a4fe84d4bb149bf54e584a7f4abec90e072ed49cda0edea5b95471f"
+dependencies = [
+ "equivalent",
+ "hashbrown 0.15.2",
+]
+
+[[package]]
+name = "interpolator"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "71dd52191aae121e8611f1e8dc3e324dd0dd1dee1e6dd91d10ee07a3cfb4d9d8"
+
+[[package]]
+name = "itertools"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "413ee7dfc52ee1a4949ceeb7dbc8a33f2d6c088194d9f922fb8318faf1f01186"
+dependencies = [
+ "either",
+]
+
+[[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 = "leptos"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c4e32cac886183e0faf8dd30944072302359a8508380827f649ef9bbdd179ad"
+dependencies = [
+ "any_spawner",
+ "cfg-if",
+ "either_of",
+ "futures",
+ "hydration_context",
+ "leptos_config",
+ "leptos_dom",
+ "leptos_hot_reload",
+ "leptos_macro",
+ "leptos_server",
+ "oco_ref",
+ "or_poisoned",
+ "paste",
+ "reactive_graph",
+ "rustc-hash",
+ "send_wrapper",
+ "serde",
+ "serde_qs",
+ "server_fn",
+ "slotmap",
+ "tachys",
+ "thiserror 2.0.4",
+ "throw_error",
+ "typed-builder",
+ "typed-builder-macro",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "leptos-radio-rs"
+version = "0.1.0"
+dependencies = [
+ "console_error_panic_hook",
+ "leptos",
+ "radiors",
+ "wasm-logger",
+]
+
+[[package]]
+name = "leptos_config"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1961b08a7dc3f4a559223be87c44b56bb565bf0b438909a0c3c31d88bfad0982"
+dependencies = [
+ "config",
+ "regex",
+ "serde",
+ "thiserror 2.0.4",
+ "typed-builder",
+]
+
+[[package]]
+name = "leptos_dom"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "652ba5e3a5c4e703e5bd4b24b62de9dbeedca84e5f31aff045bf329014418496"
+dependencies = [
+ "js-sys",
+ "or_poisoned",
+ "reactive_graph",
+ "send_wrapper",
+ "tachys",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "leptos_hot_reload"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "77bc67823a8eb1c961ee08dd7b3a814964c63928a64954e3521733b56dd7e66f"
+dependencies = [
+ "anyhow",
+ "camino",
+ "indexmap",
+ "parking_lot",
+ "proc-macro2",
+ "quote",
+ "rstml",
+ "serde",
+ "syn",
+ "walkdir",
+]
+
+[[package]]
+name = "leptos_macro"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0d4b2418deac01fe9a3862d410a6a6beff235e4b124d9e874986bb22617aeea6"
+dependencies = [
+ "attribute-derive",
+ "cfg-if",
+ "convert_case",
+ "html-escape",
+ "itertools",
+ "leptos_hot_reload",
+ "prettyplease",
+ "proc-macro-error2",
+ "proc-macro2",
+ "quote",
+ "rstml",
+ "server_fn_macro",
+ "syn",
+ "uuid",
+]
+
+[[package]]
+name = "leptos_server"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5cc1e6a182eebf8b1739dff377e63688eb7ab08c133f657e939969daa356a275"
+dependencies = [
+ "any_spawner",
+ "base64",
+ "codee",
+ "futures",
+ "hydration_context",
+ "or_poisoned",
+ "reactive_graph",
+ "send_wrapper",
+ "serde",
+ "serde_json",
+ "server_fn",
+ "tachys",
+]
+
+[[package]]
+name = "libc"
+version = "0.2.167"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09d6582e104315a817dff97f75133544b2e094ee22447d2acf4a74e189ba06fc"
+
+[[package]]
+name = "linear-map"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bfae20f6b19ad527b550c223fddc3077a547fc70cda94b9b566575423fd303ee"
+
+[[package]]
+name = "litemap"
+version = "0.7.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ee93343901ab17bd981295f2cf0026d4ad018c7c31ba84549a4ddbb47a45104"
+
+[[package]]
+name = "lock_api"
+version = "0.4.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "07af8b9cdd281b7915f413fa73f29ebd5d55d0d3f0155584dade1ff18cea1b17"
+dependencies = [
+ "autocfg",
+ "scopeguard",
+]
+
+[[package]]
+name = "log"
+version = "0.4.22"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a7a70ba024b9dc04c27ea2f0c0548feb474ec5c54bba33a7f72f873a39d07b24"
+
+[[package]]
+name = "manyhow"
+version = "0.11.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b33efb3ca6d3b07393750d4030418d594ab1139cee518f0dc88db70fec873587"
+dependencies = [
+ "manyhow-macros",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "manyhow-macros"
+version = "0.11.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "46fce34d199b78b6e6073abf984c9cf5fd3e9330145a93ee0738a7443e371495"
+dependencies = [
+ "proc-macro-utils",
+ "proc-macro2",
+ "quote",
+]
+
+[[package]]
+name = "memchr"
+version = "2.7.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "78ca9ab1a0babb1e7d5695e3530886289c18cf2f87ec19a575a0abdce112e3a3"
+
+[[package]]
+name = "minimal-lexical"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68354c5c6bd36d73ff3feceb05efa59b6acb7626617f4962be322a825e61f79a"
+
+[[package]]
+name = "next_tuple"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "60993920e071b0c9b66f14e2b32740a4e27ffc82854dcd72035887f336a09a28"
+
+[[package]]
+name = "nom"
+version = "7.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d273983c5a657a70a3e8f2a01329822f3b8c8172b73826411a55751e404a0a4a"
+dependencies = [
+ "memchr",
+ "minimal-lexical",
+]
+
+[[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 = "oco_ref"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64b94982fe39a861561cf67ff17a7849f2cedadbbad960a797634032b7abb998"
+dependencies = [
+ "serde",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "once_cell"
+version = "1.20.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1261fe7e33c73b354eab43b1273a57c8f967d0391e80353e51f764ac02cf6775"
+
+[[package]]
+name = "or_poisoned"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8c04f5d74368e4d0dfe06c45c8627c81bd7c317d52762d118fb9b3076f6420fd"
+
+[[package]]
+name = "parking"
+version = "2.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f38d5652c16fde515bb1ecef450ab0f6a219d619a7274976324d5e377f7dceba"
+
+[[package]]
+name = "parking_lot"
+version = "0.12.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f1bf18183cf54e8d6059647fc3063646a1801cf30896933ec2311622cc4b9a27"
+dependencies = [
+ "lock_api",
+ "parking_lot_core",
+]
+
+[[package]]
+name = "parking_lot_core"
+version = "0.9.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e401f977ab385c9e4e3ab30627d6f26d00e2c73eef317493c4ec6d468726cf8"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "redox_syscall",
+ "smallvec",
+ "windows-targets",
+]
+
+[[package]]
+name = "paste"
+version = "1.0.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "57c0d7b74b563b49d38dae00a0c37d4d6de9b432382b2892f0574ddcae73fd0a"
+
+[[package]]
+name = "pathdiff"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df94ce210e5bc13cb6651479fa48d14f601d9858cfe0467f43ae157023b938d3"
+
+[[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",
+]
+
+[[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 = "prettyplease"
+version = "0.2.25"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64d1ec885c64d0457d564db4ec299b2dae3f9c02808b8ad9c3a089c591b18033"
+dependencies = [
+ "proc-macro2",
+ "syn",
+]
+
+[[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",
+ "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-macro-error-attr2"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "96de42df36bb9bba5542fe9f1a054b8cc87e172759a1868aa05c1f3acc89dfc5"
+dependencies = [
+ "proc-macro2",
+ "quote",
+]
+
+[[package]]
+name = "proc-macro-error2"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "11ec05c52be0a07b08061f7dd003e7d7092e0472bc731b4af7bb1ef876109802"
+dependencies = [
+ "proc-macro-error-attr2",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "proc-macro-utils"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eeaf08a13de400bc215877b5bdc088f241b12eb42f0a548d3390dc1c56bb7071"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "smallvec",
+]
+
+[[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 = "proc-macro2-diagnostics"
+version = "0.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af066a9c399a26e020ada66a034357a868728e72cd426f3adcd35f80d88d88c8"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+ "version_check",
+ "yansi",
+]
+
+[[package]]
+name = "quote"
+version = "1.0.37"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b5b9d34b8991d19d98081b46eacdd8eb58c6f2b201139f7c5f643cc155a633af"
+dependencies = [
+ "proc-macro2",
+]
+
+[[package]]
+name = "quote-use"
+version = "0.8.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9619db1197b497a36178cfc736dc96b271fe918875fbf1344c436a7e93d0321e"
+dependencies = [
+ "quote",
+ "quote-use-macros",
+]
+
+[[package]]
+name = "quote-use-macros"
+version = "0.8.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "82ebfb7faafadc06a7ab141a6f67bcfb24cb8beb158c6fe933f2f035afa99f35"
+dependencies = [
+ "proc-macro-utils",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "radiors"
+version = "0.0.2"
+dependencies = [
+ "leptos",
+ "web-sys",
+]
+
+[[package]]
+name = "reactive_graph"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c27f54685c1416af1f323a0c40e71cbdae281a1ebc623591790d367222d0ac65"
+dependencies = [
+ "any_spawner",
+ "async-lock",
+ "futures",
+ "guardian",
+ "hydration_context",
+ "or_poisoned",
+ "pin-project-lite",
+ "rustc-hash",
+ "send_wrapper",
+ "serde",
+ "slotmap",
+ "thiserror 2.0.4",
+ "web-sys",
+]
+
+[[package]]
+name = "reactive_stores"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "efe3f866edc7647e19a68a229a2e5cc9730549836d722eeaa073116f2b07966e"
+dependencies = [
+ "guardian",
+ "itertools",
+ "or_poisoned",
+ "paste",
+ "reactive_graph",
+ "reactive_stores_macro",
+ "rustc-hash",
+]
+
+[[package]]
+name = "reactive_stores_macro"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4d86e4f08f361b05d11422398cef4bc4cf356f2fdd2f06a96646b0e9cd902226"
+dependencies = [
+ "convert_case",
+ "proc-macro-error2",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "redox_syscall"
+version = "0.5.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b6dfecf2c74bce2466cabf93f6664d6998a69eb21e39f4207930065b27b771f"
+dependencies = [
+ "bitflags",
+]
+
+[[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 = "rstml"
+version = "0.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "51187e564f12336ef40cd04f6f4d805d6919188001dcf1e0a021898ea0fe28ce"
+dependencies = [
+ "derive-where",
+ "proc-macro2",
+ "proc-macro2-diagnostics",
+ "quote",
+ "syn",
+ "syn_derive",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "rustc-hash"
+version = "2.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c7fb8039b3032c191086b10f11f319a6e99e1e82889c5cc6046f515c9db1d497"
+
+[[package]]
+name = "ryu"
+version = "1.0.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f3cb5ba0dc43242ce17de99c180e96db90b235b8a9fdc9543c96d2209116bd9f"
+
+[[package]]
+name = "same-file"
+version = "1.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "93fc1dc3aaa9bfed95e02e6eadabb4baf7e3078b0bd1b4d7b6b0b68378900502"
+dependencies = [
+ "winapi-util",
+]
+
+[[package]]
+name = "scopeguard"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49"
+
+[[package]]
+name = "send_wrapper"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd0b0ec5f1c1ca621c432a25813d8d60c88abe6d3e08a3eb9cf37d97a0fe3d73"
+dependencies = [
+ "futures-core",
+]
+
+[[package]]
+name = "serde"
+version = "1.0.215"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6513c1ad0b11a9376da888e3e0baa0077f1aed55c17f50e7b2397136129fb88f"
+dependencies = [
+ "serde_derive",
+]
+
+[[package]]
+name = "serde_derive"
+version = "1.0.215"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ad1e866f866923f252f05c889987993144fb74e722403468a4ebd70c3cd756c0"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "serde_json"
+version = "1.0.133"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c7fceb2473b9166b2294ef05efcb65a3db80803f0b03ef86a5fc88a2b85ee377"
+dependencies = [
+ "itoa",
+ "memchr",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "serde_qs"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd34f36fe4c5ba9654417139a9b3a20d2e1de6012ee678ad14d240c22c78d8d6"
+dependencies = [
+ "percent-encoding",
+ "serde",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "serde_spanned"
+version = "0.6.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87607cb1398ed59d48732e575a4c28a7a8ebf2454b964fe3f224f2afc07909e1"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "server_fn"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1abb4001047ecff14681ec411bbd9a8a95a7b405e543ed043fece8f0c5a2f4fe"
+dependencies = [
+ "bytes",
+ "const_format",
+ "dashmap",
+ "futures",
+ "gloo-net",
+ "http",
+ "js-sys",
+ "once_cell",
+ "pin-project-lite",
+ "send_wrapper",
+ "serde",
+ "serde_json",
+ "serde_qs",
+ "server_fn_macro_default",
+ "thiserror 2.0.4",
+ "throw_error",
+ "url",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "wasm-streams",
+ "web-sys",
+ "xxhash-rust",
+]
+
+[[package]]
+name = "server_fn_macro"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7883cf3cb2522ce663df033e2fd3093a4497e9b8ed30f354200ef7058c9c792c"
+dependencies = [
+ "const_format",
+ "convert_case",
+ "proc-macro2",
+ "quote",
+ "syn",
+ "xxhash-rust",
+]
+
+[[package]]
+name = "server_fn_macro_default"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a734ef90a83ee9517468b38a017f602a869b382c18e8e8b4118f3f1b88f2856c"
+dependencies = [
+ "server_fn_macro",
+ "syn",
+]
+
+[[package]]
+name = "slab"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f92a496fb766b417c996b9c5e57daf2f7ad3b0bebe1ccfca4856390e3d3bb67"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "slotmap"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dbff4acf519f630b3a3ddcfaea6c06b42174d9a44bc70c620e9ed1649d58b82a"
+dependencies = [
+ "version_check",
+]
+
+[[package]]
+name = "smallvec"
+version = "1.13.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c5e1a9a646d36c3599cd173a41282daf47c44583ad367b8e6837255952e5c67"
+
+[[package]]
+name = "stable_deref_trait"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a8f112729512f8e442d81f95a8a7ddf2b7c6b8a1a6f509a95864142b30cab2d3"
+
+[[package]]
+name = "syn"
+version = "2.0.90"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "919d3b74a5dd0ccd15aeb8f93e7006bd9e14c295087c9896a110f490752bcf31"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-ident",
+]
+
+[[package]]
+name = "syn_derive"
+version = "0.1.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1329189c02ff984e9736652b1631330da25eaa6bc639089ed4915d25446cbe7b"
+dependencies = [
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "synstructure"
+version = "0.13.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c8af7666ab7b6390ab78131fb5b0fce11d6b7a6951602017c35fa82800708971"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "tachys"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8be68dfd4abf192e11a1bdd484239daa84ffa6fcd27c25cf4f011b2b0fb27ddb"
+dependencies = [
+ "any_spawner",
+ "const_str_slice_concat",
+ "drain_filter_polyfill",
+ "either_of",
+ "futures",
+ "html-escape",
+ "indexmap",
+ "itertools",
+ "js-sys",
+ "linear-map",
+ "next_tuple",
+ "oco_ref",
+ "once_cell",
+ "or_poisoned",
+ "parking_lot",
+ "paste",
+ "reactive_graph",
+ "reactive_stores",
+ "rustc-hash",
+ "send_wrapper",
+ "slotmap",
+ "throw_error",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "thiserror"
+version = "1.0.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6aaf5339b578ea85b50e080feb250a3e8ae8cfcdff9a461c9ec2904bc923f52"
+dependencies = [
+ "thiserror-impl 1.0.69",
+]
+
+[[package]]
+name = "thiserror"
+version = "2.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2f49a1853cf82743e3b7950f77e0f4d622ca36cf4317cba00c767838bac8d490"
+dependencies = [
+ "thiserror-impl 2.0.4",
+]
+
+[[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",
+]
+
+[[package]]
+name = "thiserror-impl"
+version = "2.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8381894bb3efe0c4acac3ded651301ceee58a15d47c2e34885ed1908ad667061"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "throw_error"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e4ef8bf264c6ae02a065a4a16553283f0656bd6266fc1fcb09fd2e6b5e91427b"
+dependencies = [
+ "pin-project-lite",
+]
+
+[[package]]
+name = "tinystr"
+version = "0.7.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9117f5d4db391c1cf6927e7bea3db74b9a1c1add8f7eda9ffd5364f40f57b82f"
+dependencies = [
+ "displaydoc",
+ "zerovec",
+]
+
+[[package]]
+name = "toml"
+version = "0.8.19"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a1ed1f98e3fdc28d6d910e6737ae6ab1a93bf1985935a1193e68f93eeb68d24e"
+dependencies = [
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "toml_edit",
+]
+
+[[package]]
+name = "toml_datetime"
+version = "0.6.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0dd7358ecb8fc2f8d014bf86f6f638ce72ba252a2c3a2572f2a795f1d23efb41"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "toml_edit"
+version = "0.22.22"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ae48d6208a266e853d946088ed816055e556cc6028c5e8e2b84d9fa5dd7c7f5"
+dependencies = [
+ "indexmap",
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "winnow",
+]
+
+[[package]]
+name = "typed-builder"
+version = "0.20.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7e14ed59dc8b7b26cacb2a92bad2e8b1f098806063898ab42a3bd121d7d45e75"
+dependencies = [
+ "typed-builder-macro",
+]
+
+[[package]]
+name = "typed-builder-macro"
+version = "0.20.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "560b82d656506509d43abe30e0ba64c56b1953ab3d4fe7ba5902747a7a3cedd5"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "unicode-ident"
+version = "1.0.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "adb9e6ca4f869e1180728b7950e35922a7fc6397f7b641499e8f3ef06e50dc83"
+
+[[package]]
+name = "unicode-segmentation"
+version = "1.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f6ccf251212114b54433ec949fd6a7841275f9ada20dddd2f29e9ceea4501493"
+
+[[package]]
+name = "unicode-xid"
+version = "0.2.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ebc1c04c71510c7f702b52b7c350734c9ff1295c464a03335b00bb84fc54f853"
+
+[[package]]
+name = "url"
+version = "2.5.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32f8b686cadd1473f4bd0117a5d28d36b1ade384ea9b5069a1c40aefed7fda60"
+dependencies = [
+ "form_urlencoded",
+ "idna",
+ "percent-encoding",
+]
+
+[[package]]
+name = "utf16_iter"
+version = "1.0.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c8232dd3cdaed5356e0f716d285e4b40b932ac434100fe9b7e0e8e935b9e6246"
+
+[[package]]
+name = "utf8-width"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "86bd8d4e895da8537e5315b8254664e6b769c4ff3db18321b297a1e7004392e3"
+
+[[package]]
+name = "utf8_iter"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6c140620e7ffbb22c2dee59cafe6084a59b5ffc27a8859a5f0d494b5d52b6be"
+
+[[package]]
+name = "uuid"
+version = "1.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f8c5f0a0af699448548ad1a2fbf920fb4bee257eae39953ba95cb84891a0446a"
+dependencies = [
+ "getrandom",
+]
+
+[[package]]
+name = "version_check"
+version = "0.9.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
+
+[[package]]
+name = "walkdir"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "29790946404f91d9c5d06f9874efddea1dc06c5efe94541a7d6863108e3a5e4b"
+dependencies = [
+ "same-file",
+ "winapi-util",
+]
+
+[[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",
+ "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",
+ "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 = "wasm-streams"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "15053d8d85c7eccdbefef60f06769760a563c7f0a9d6902a13d35c7800b0ad65"
+dependencies = [
+ "futures-util",
+ "js-sys",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "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 = "winapi-util"
+version = "0.1.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cf221c93e13a30d793f7645a0e7762c55d169dbb0a49671918a2319d289b10bb"
+dependencies = [
+ "windows-sys",
+]
+
+[[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.6.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "36c1fec1a2bb5866f07c25f68c26e565c4c200aebb96d7e55710c19d3e8ac49b"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "write16"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d1890f4022759daae28ed4fe62859b1236caebfc61ede2f63ed4e695f3f6d936"
+
+[[package]]
+name = "writeable"
+version = "0.5.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e9df38ee2d2c3c5948ea468a8406ff0db0b29ae1ffde1bcf20ef305bcc95c51"
+
+[[package]]
+name = "xxhash-rust"
+version = "0.8.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6a5cbf750400958819fb6178eaa83bee5cd9c29a26a40cc241df8c70fdd46984"
+
+[[package]]
+name = "yansi"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cfe53a6657fd280eaa890a3bc59152892ffa3e30101319d168b781ed6529b049"
+
+[[package]]
+name = "yoke"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "120e6aef9aa629e3d4f52dc8cc43a015c7724194c97dfaf45180d2daf2b77f40"
+dependencies = [
+ "serde",
+ "stable_deref_trait",
+ "yoke-derive",
+ "zerofrom",
+]
+
+[[package]]
+name = "yoke-derive"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2380878cad4ac9aac1e2435f3eb4020e8374b5f13c296cb75b4620ff8e229154"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+ "synstructure",
+]
+
+[[package]]
+name = "zerofrom"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cff3ee08c995dee1859d998dea82f7374f2826091dd9cd47def953cae446cd2e"
+dependencies = [
+ "zerofrom-derive",
+]
+
+[[package]]
+name = "zerofrom-derive"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "595eed982f7d355beb85837f651fa22e90b3c044842dc7f2c2842c086f295808"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+ "synstructure",
+]
+
+[[package]]
+name = "zerovec"
+version = "0.10.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aa2b893d79df23bfb12d5461018d408ea19dfafe76c2c7ef6d4eba614f8ff079"
+dependencies = [
+ "yoke",
+ "zerofrom",
+ "zerovec-derive",
+]
+
+[[package]]
+name = "zerovec-derive"
+version = "0.10.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6eafa6dfb17584ea3e2bd6e76e0cc15ad7af12b09abdd1ca55961bed9b1063c6"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
diff --git a/examples/leptos/Cargo.toml b/examples/leptos/Cargo.toml
new file mode 100755
index 0000000..554d3f7
--- /dev/null
+++ b/examples/leptos/Cargo.toml
@@ -0,0 +1,10 @@
+[package]
+name = "leptos-radio-rs"
+version = "0.1.0"
+edition = "2021"
+
+[dependencies]
+console_error_panic_hook = "0.1.7"
+radiors = { path = "../../", features = ["lep"] }
+leptos = { version = "0.7.2", features = ["csr"] }
+wasm-logger = "0.2.0"
diff --git a/examples/leptos/README.md b/examples/leptos/README.md
new file mode 100644
index 0000000..ef6b328
--- /dev/null
+++ b/examples/leptos/README.md
@@ -0,0 +1,81 @@
+# 📚 Radio RS Leptos 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.
+
+   ```bash
+   git clone https://github.com/opensass/radio-rs
+   ```
+
+1. Navigate to the application directory.
+
+   ```bash
+   cd radio-rs/examples/leptos
+   ```
+
+1. Run the client:
+
+   ```sh
+   trunk serve --port 3000
+   ```
+
+Navigate to http://localhost:3000 to explore the landing page.
diff --git a/examples/leptos/index.html b/examples/leptos/index.html
new file mode 100755
index 0000000..064d4cb
--- /dev/null
+++ b/examples/leptos/index.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html>
+  <head>
+    <link href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet" />
+    <link data-trunk rel="css" href="main.css" type="text/css" />
+    <link data-trunk rel="rust"/>
+    <base data-trunk-public-url />
+  </head>
+</html>
\ No newline at end of file
diff --git a/examples/leptos/main.css b/examples/leptos/main.css
new file mode 100644
index 0000000..913598f
--- /dev/null
+++ b/examples/leptos/main.css
@@ -0,0 +1,8 @@
+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/leptos/src/main.rs b/examples/leptos/src/main.rs
new file mode 100755
index 0000000..1ab190d
--- /dev/null
+++ b/examples/leptos/src/main.rs
@@ -0,0 +1,299 @@
+use leptos::prelude::*;
+use radiors::leptos::{Group, Radio};
+use radiors::{Orientation, Size, Type};
+
+#[component]
+pub fn App() -> impl IntoView {
+    view! {
+        <Home />
+    }
+}
+
+#[component]
+pub fn Home() -> impl IntoView {
+    let os_selected = signal("mac".to_string());
+    let browser_selected = signal("chrome".to_string());
+    let size_selected = signal("medium".to_string());
+    let onchange = |state: (ReadSignal<String>, WriteSignal<String>)| {
+        Callback::from(move |value: String| {
+            state.1.set(value);
+        })
+    };
+
+    view! {
+        <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 Leptos 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.0.get()}
+                        onchange={onchange(os_selected)}
+                    >
+                        <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.0.get()}
+                        onchange={onchange(os_selected)}
+                        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.0.get()}
+                        onchange={onchange(browser_selected)}
+                    >
+                        <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.0.get()}
+                        onchange={onchange(os_selected)}
+                        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.0.get()}
+                        onchange={onchange(size_selected)}
+                        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.0.get()}
+                        onchange={onchange(size_selected)}
+                        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>
+
+            </div>
+        </div>
+    }
+}
+
+fn main() {
+    console_error_panic_hook::set_once();
+    wasm_logger::init(wasm_logger::Config::default());
+    leptos::mount::mount_to_body(|| view! { <App/> });
+}
diff --git a/src/leptos.rs b/src/leptos.rs
new file mode 100644
index 0000000..a039042
--- /dev/null
+++ b/src/leptos.rs
@@ -0,0 +1,512 @@
+#![allow(unused)]
+
+use crate::common::{Orientation, Size, Type, HIDDEN_INPUT_STYLE};
+use leptos::{ev::MouseEvent, prelude::*};
+
+/// Group Component
+///
+/// A Leptos component that represents a group of radio buttons, allowing you to select one option
+/// from a set of predefined choices. This `Group` component supports customizing the appearance, orientation,
+/// and behavior of the radio button group. It also provides a way to track and react to changes in selection.
+///
+/// # Properties
+///
+/// - **selected**: A string representing the currently selected value in the group. The default value is an empty string.
+/// - **onchange**: A callback triggered whenever the selection changes. The callback receives the selected value (of type `String`).
+/// - **orientation**: Defines the layout of the radio buttons within the group. It can be either `Horizontal` or `Vertical` (default: `Horizontal`).
+/// - **style**: Inline styles applied to the group container (`&'static str`). Default: `""`.
+/// - **class**: CSS class for the group container (`&'static str`). Default: `""`.
+/// - **children**: Child `Radio` components nested inside the `Group`. These components will be rendered as part of the group.
+///
+/// # Features
+/// - Supports both horizontal and vertical orientations for the radio buttons.
+/// - Customizable inline styles and CSS classes.
+/// - Callback mechanism for reacting to selection changes.
+///
+/// # Examples
+///
+/// ## Basic Usage
+/// ```rust
+/// use leptos::prelude::*;
+/// use radiors::leptos::{Group, Radio};
+/// use leptos::logging::log;
+///
+/// #[component]
+/// pub fn App() -> impl IntoView {
+///     let selected = signal(String::new());
+///     let onchange = Callback::from(move |value: String| {
+///         log!("Selected value changed to: {}", value);
+///     });
+///
+///     view! {
+///         <Group selected={selected.0.get()} onchange={onchange}>
+///             <Radio value="option1" label="Option 1" />
+///             <Radio value="option2" label="Option 2" />
+///             <Radio value="option3" label="Option 3" />
+///         </Group>
+///     }
+/// }
+/// ```
+///
+/// ## Group with Vertical Orientation
+/// ```rust
+/// use leptos::prelude::*;
+/// use radiors::leptos::{Group, Radio};
+/// use radiors::Orientation;
+/// use leptos::logging::log;
+///
+/// #[component]
+/// pub fn App() -> impl IntoView {
+///     let selected = signal(String::new());
+///     let onchange = Callback::from(move |value: String| {
+///         log!("Selected value changed to: {}", value);
+///     });
+///
+///     view! {
+///         <Group selected={selected.0.get()} onchange={onchange} orientation={Orientation::Vertical}>
+///             <Radio value="option1" label="Option 1" />
+///             <Radio value="option2" label="Option 2" />
+///             <Radio value="option3" label="Option 3" />
+///         </Group>
+///     }
+/// }
+/// ```
+///
+/// ## Group with Custom Styles and Class
+/// ```rust
+/// use leptos::prelude::*;
+/// use radiors::leptos::{Group, Radio};
+/// use leptos::logging::log;
+///
+/// #[component]
+/// pub fn App() -> impl IntoView {
+///     let selected = signal(String::new());
+///     let onchange = Callback::from(move |value: String| {
+///         log!("Selected value changed to: {}", value);
+///     });
+///
+///     view! {
+///         <Group
+///             selected={selected.0.get()}
+///             onchange={onchange}
+///             style="border: 1px solid black; padding: 10px;"
+///             class="radio-group"
+///         >
+///             <Radio value="option1" label="Option 1" />
+///             <Radio value="option2" label="Option 2" />
+///             <Radio value="option3" label="Option 3" />
+///         </Group>
+///     }
+/// }
+/// ```
+///
+/// # Behavior
+/// - The `selected` property tracks the value of the selected radio button.
+/// - The `onchange` callback is triggered whenever the selected value changes.
+/// - The `orientation` property determines the layout of the radio buttons. By default, it is horizontal, but it can be set to vertical.
+/// - Child `Radio` components are rendered as part of the `Group`. Each `Radio` component should have a unique `value` to distinguish between them.
+/// - Custom inline styles and CSS classes can be used for detailed customization of the group's appearance.
+///
+/// # Notes
+/// - The `selected` value should match one of the `Radio` component values in the group, or it will default to an empty string.
+/// - The `onchange` callback provides a way to react to user selection. It passes the new selected value as a `String`.
+/// - The `orientation` property allows for switching between a horizontal or vertical layout for the radio buttons.
+/// - Custom inline styles and classes allow for further customization of the group’s appearance and behavior.
+#[component]
+pub fn Group(
+    /// Selected value in the group.
+    ///
+    /// This represents the value that is currently selected within the group of
+    /// radio buttons. The default value is an empty string.
+    #[prop(default = String::new())]
+    selected: String,
+
+    /// Callback for when the selection changes.
+    ///
+    /// This callback is triggered whenever the selection changes. It passes the
+    /// selected value (of type `String`) to the callback function. This allows
+    /// the parent component to react to changes in selection.
+    #[prop(default = Callback::from(|value: String| {}))]
+    onchange: Callback<(String,), ()>,
+
+    /// Orientation of the group (horizontal or vertical).
+    ///
+    /// Specifies the layout of the radio buttons within the group. The `Orientation`
+    /// enum allows for either `Horizontal` or `Vertical` layouts. The default is `Horizontal`.
+    #[prop(default = Orientation::Horizontal)]
+    orientation: Orientation,
+
+    /// Custom inline styles.
+    ///
+    /// This applies custom inline styles to the group container. It is a string
+    /// value that will be included in the `style` attribute of the container.
+    /// Defaults to an empty string.
+    #[prop(default = "")]
+    style: &'static str,
+
+    /// Custom CSS class.
+    ///
+    /// This applies a custom CSS class to the group container. It is a string value
+    /// that will be added to the `class` attribute of the container. Defaults to an
+    /// empty string.
+    #[prop(default = "")]
+    class: &'static str,
+
+    /// Child `Radio` components.
+    ///
+    /// These are the `Radio` components nested inside the `Group` component.
+    /// They will be rendered as part of the group. This is typically used to pass
+    /// a fragment of children elements to be displayed inside the group.
+    children: ChildrenFragment,
+) -> impl IntoView {
+    let (selected, set_selected) = signal(selected);
+
+    view! {
+        <div
+            class=class
+            style=format!(
+                "{} {}",
+                orientation.to_style(),
+                style
+            )
+        >
+            {children().nodes.into_iter().map(|child| {
+                // TODO:
+                // Extract props from AnyView
+                // let props = child;
+                // let is_selected = props.value == selected.get();
+                let on_click = {
+                    let onchange = onchange.clone();
+                    // let value = props.value.clone();
+                    // move || {
+                    //     set_selected.set(value.clone());
+                    //     onchange.emit(value.clone());
+                    // }
+                };
+
+                // TODO:
+                // Update selected and on_click
+                child
+            }).collect::<Vec<_>>()}
+        </div>
+    }
+}
+
+/// Radio Component
+///
+/// A Leptos component that represents a single radio button. This `Radio` component allows you to select
+/// an option within a `Group` of radio buttons. It supports a variety of customization options, such as custom styles,
+/// classes, images, and more. It also provides a callback mechanism for handling click events.
+///
+/// # Properties
+///
+/// - **label**: A string label associated with the radio button. It provides a descriptive text next to the radio button.
+///   The default is an empty string.
+/// - **value**: A string value representing the value of the radio button when selected. It is used to identify the selected option.
+///   The default is an empty string.
+/// - **src**: An optional image source to display alongside the radio button. If not specified, no image is shown.
+///   The default is an empty string.
+/// - **style**: Inline styles applied to the container element of the radio button. The default is an empty string.
+/// - **class**: CSS class applied to the container element. The default is an empty string.
+/// - **label_style**: Inline styles for the label element. The default is an empty string.
+/// - **label_class**: CSS class applied to the label element. The default is an empty string.
+/// - **image_style**: Inline styles applied to the image element. The default is an empty string.
+/// - **image_class**: CSS class applied to the image element. The default is an empty string.
+/// - **size**: Defines the size of the radio button, based on the `Size` enum. Possible values include `XSmall`, `Small`, `Medium`, and `Large`.
+///   The default is `Size::XSmall`.
+/// - **r#type**: Defines the type of the radio button. This is based on the `Type` enum and can define different behaviors or styles. The default is `Type::None`.
+/// - **selected**: Whether the radio button is selected by default. The default value is `false`.
+/// - **disabled**: Whether the radio button is disabled, preventing user interaction. The default value is `false`.
+/// - **selected_style**: Inline styles applied when the radio button is selected. The default is an empty string.
+/// - **selected_class**: CSS class applied when the radio button is selected. The default is an empty string.
+/// - **disabled_style**: Inline styles applied when the radio button is disabled. The default is an empty string.
+/// - **disabled_class**: CSS class applied when the radio button is disabled. The default is an empty string.
+/// - **animation_style**: Inline styles applied for animations (e.g., hover effects). The default is an empty string.
+/// - **animation_class**: CSS class applied for animations. The default is an empty string.
+/// - **input_style**: Inline styles applied to the hidden input element associated with the radio button. The default is `HIDDEN_INPUT_STYLE`.
+/// - **input_class**: CSS class applied to the hidden input element. The default is an empty string.
+/// - **on_click**: A callback triggered when the radio button is clicked. It passes the `value` of the radio button as a `String` to the callback function.
+///   The default is an empty callback.
+///
+/// # Features
+/// - Supports custom labels, images, styles, and classes.
+/// - Provides support for multiple sizes of radio buttons.
+/// - Allows for radio buttons to be selected, disabled, or animated.
+/// - Customizable styles when selected or disabled.
+/// - Callback mechanism for click events.
+///
+/// # Examples
+///
+/// ## Basic Usage
+/// ```rust
+/// use leptos::prelude::*;
+/// use radiors::leptos::{Radio};
+///
+/// #[component]
+/// pub fn App() -> impl IntoView {
+///     view! {
+///         <Radio value="option1" label="Option 1" />
+///     }
+/// }
+/// ```
+///
+/// ## Radio with Image and Custom Styles
+/// ```rust
+/// use leptos::prelude::*;
+/// use radiors::leptos::{Radio};
+///
+/// #[component]
+/// pub fn App() -> impl IntoView {
+///     view! {
+///         <Radio
+///             value="option1"
+///             label="Option 1"
+///             src="path/to/image.png"
+///             style="border: 2px solid black; padding: 5px;"
+///             label_style="color: blue;"
+///         />
+///     }
+/// }
+/// ```
+///
+/// ## Disabled Radio Button
+/// ```rust
+/// use leptos::prelude::*;
+/// use radiors::leptos::{Radio};
+///
+/// #[component]
+/// pub fn App() -> impl IntoView {
+///     view! {
+///         <Radio
+///             value="option1"
+///             label="Option 1"
+///             disabled=true
+///             disabled_style="opacity: 0.5;"
+///         />
+///     }
+/// }
+/// ```
+///
+/// # Behavior
+/// - The `selected` property determines whether the radio button is selected by default. If set to `true`, the radio button is selected on render.
+/// - The `disabled` property disables the radio button, preventing any user interaction. It also changes the appearance of the radio button based
+///    on the `disabled_style` and `disabled_class` properties.
+/// - The `on_click` callback is triggered when the radio button is clicked. It receives the `value` of the radio button as a parameter.
+/// - The `value` property is used to track which option is selected within a group of radio buttons.
+///
+/// # Notes
+/// - The radio button is often used as part of a `Group` of radio buttons, where only one option can be selected at a time.
+/// - Custom inline styles and CSS classes provide flexibility in the visual presentation of the radio button.
+/// - The `size`, `type`, and `selected` properties allow for a customizable user experience.
+/// - The `animation_style` and `animation_class` properties enable animations like hover or transition effects for enhanced interaction.
+#[component]
+pub fn Radio(
+    /// Label for the radio button.
+    ///
+    /// This is the text label associated with the radio button. It is displayed
+    /// next to the radio button to indicate its meaning. The default value is an
+    /// empty string, meaning no label will be displayed unless specified.
+    #[prop(default = "")]
+    label: &'static str,
+
+    /// Value of the radio button.
+    ///
+    /// The value that this radio button represents when it is selected. It can
+    /// be used to identify the selected option in a group of radio buttons.
+    /// Defaults to an empty string.
+    #[prop(default = "")]
+    value: &'static str,
+
+    /// Image source (optional).
+    ///
+    /// An optional image that can be displayed alongside the radio button. If
+    /// no image is provided, this field defaults to an empty string, meaning
+    /// no image will be shown.
+    #[prop(default = "")]
+    src: &'static str,
+
+    /// Inline styles for the container.
+    ///
+    /// These are the inline styles applied to the container element of the radio button.
+    /// This allows custom styling of the radio button's wrapper element. Defaults to an empty string.
+    #[prop(default = "")]
+    style: &'static str,
+
+    /// CSS class for the container.
+    ///
+    /// This applies a CSS class to the container element, allowing for custom styling.
+    /// The default value is an empty string, meaning no class is applied unless specified.
+    #[prop(default = "")]
+    class: &'static str,
+
+    /// Inline styles for the label.
+    ///
+    /// Inline styles that apply specifically to the label text of the radio button.
+    /// Defaults to an empty string.
+    #[prop(default = "")]
+    label_style: &'static str,
+
+    /// CSS class for the label.
+    ///
+    /// The CSS class applied to the label element, allowing custom styling of the label.
+    /// Defaults to an empty string.
+    #[prop(default = "")]
+    label_class: &'static str,
+
+    /// Inline styles for the image.
+    ///
+    /// These styles are applied specifically to the image element, if an image is used
+    /// for the radio button. Defaults to an empty string.
+    #[prop(default = "")]
+    image_style: &'static str,
+
+    /// CSS class for the image.
+    ///
+    /// The CSS class applied to the image element, if an image is provided for the radio button.
+    /// Defaults to an empty string.
+    #[prop(default = "")]
+    image_class: &'static str,
+
+    /// Size of the radio button.
+    ///
+    /// This defines the size of the radio button. It is based on the `Size` enum, where
+    /// possible values include small, medium, and large. The default value is `Size::XSmall`.
+    #[prop(default = Size::XSmall)]
+    size: Size,
+
+    /// Type of the radio button.
+    ///
+    /// This defines the type of radio button. It is based on the `Type` enum, which includes
+    /// various types for different radio button styles or behavior. The default is `Type::None`.
+    #[prop(default = Type::None)]
+    r#type: Type,
+
+    /// Whether the radio button is selected.
+    ///
+    /// This determines whether the radio button is selected by default. If set to `true`,
+    /// the radio button is selected when rendered. Defaults to `false`.
+    #[prop(default = false)]
+    selected: bool,
+
+    /// Whether the radio button is disabled.
+    ///
+    /// This disables the radio button, preventing user interaction. If `true`, the radio button
+    /// cannot be selected. Defaults to `false`.
+    #[prop(default = false)]
+    disabled: bool,
+
+    /// Inline styles when selected.
+    ///
+    /// Custom inline styles that are applied when the radio button is selected. This allows
+    /// styling changes to visually indicate that the radio button is in a selected state.
+    /// Defaults to an empty string.
+    #[prop(default = "")]
+    selected_style: &'static str,
+
+    /// CSS class when selected.
+    ///
+    /// The CSS class applied to the radio button when it is selected. This allows for
+    /// styling changes when the radio button is in a selected state. Defaults to an empty string.
+    #[prop(default = "")]
+    selected_class: &'static str,
+
+    /// Inline styles when disabled.
+    ///
+    /// Custom inline styles that are applied when the radio button is disabled. This allows
+    /// for styling changes to visually indicate that the radio button is disabled.
+    /// Defaults to an empty string.
+    #[prop(default = "")]
+    disabled_style: &'static str,
+
+    /// CSS class when disabled.
+    ///
+    /// The CSS class applied to the radio button when it is disabled. This allows for
+    /// styling changes when the radio button is in a disabled state. Defaults to an empty string.
+    #[prop(default = "")]
+    disabled_class: &'static str,
+
+    /// Inline styles for animations.
+    ///
+    /// These inline styles are applied when the radio button has animations, such as a hover
+    /// effect or transition. Defaults to an empty string.
+    #[prop(default = "")]
+    animation_style: &'static str,
+
+    /// CSS class for animations.
+    ///
+    /// The CSS class applied to the radio button when animations are enabled. Defaults to an empty string.
+    #[prop(default = "")]
+    animation_class: &'static str,
+
+    /// Inline styles for the hidden input.
+    ///
+    /// Inline styles applied to the hidden input element associated with the radio button.
+    /// This is useful for cases where the input element needs custom styling. Defaults to the
+    /// constant value `HIDDEN_INPUT_STYLE`.
+    #[prop(default = HIDDEN_INPUT_STYLE)]
+    input_style: &'static str,
+
+    /// CSS class for the hidden input.
+    ///
+    /// CSS class applied to the hidden input element associated with the radio button.
+    /// Defaults to an empty string.
+    #[prop(default = "")]
+    input_class: &'static str,
+
+    /// Callback for the click event.
+    ///
+    /// This callback is triggered when the radio button is clicked. It passes the `value`
+    /// of the radio button as a `String` to the callback function. This allows parent components
+    /// to react to clicks on individual radio buttons.
+    #[prop(default = Callback::from(|value: String| {}))]
+    on_click: Callback<(String,), ()>,
+) -> impl IntoView {
+    let onclick = move |_: MouseEvent| {
+        if !disabled {
+            on_click.run((value.to_string(),));
+        }
+    };
+
+    view! {
+        <div
+            class=format!(
+                "{} {} {}",
+                if selected { selected_class } else { "" },
+                if disabled { disabled_class } else { "" },
+                class
+            )
+            style=format!(
+                "{} {} {} {} {} {}",
+                if selected { selected_style } else { "" },
+                if disabled { disabled_style } else { "" },
+                style,
+                animation_style,
+                r#type.to_style(),
+                size.to_style()
+            )
+            on:click=onclick
+        >
+            <input
+                r#type="radio"
+                value=value
+                checked=selected
+                disabled=disabled
+                style=input_style
+                class=input_class
+            />
+            {if !src.is_empty() {
+                Some(view! {
+                    <img
+                        src=src
+                        alt=label
+                        style=image_style
+                        class=image_class
+                    />
+                })
+            } else {
+                None
+            }}
+            <span style=label_style class=label_class>{label}</span>
+        </div>
+    }
+}
diff --git a/src/lib.rs b/src/lib.rs
index 9770a04..bfb1a99 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -13,4 +13,7 @@ pub mod yew;
 #[cfg(feature = "dio")]
 pub mod dioxus;
 
+#[cfg(feature = "lep")]
+pub mod leptos;
+
 pub use common::{Orientation, Size, Type};