refactor: leptos_dom library

Cargo.toml

@@ -15,7 +15,6 @@ license = "MIT"
 [dependencies]
 leptos = { version = "0.5.0", features = ["csr"] }
 web-sys = { version = "0.3.62", features = ["DomRect"] }
-leptos_dom = { version = "0.5.0" }
 wasm-bindgen = "0.2.85"
 icondata = { version = "0.0.7", features = [
     "AiCloseOutlined",

gh-pages/src/pages/color_picker/mod.rs

@@ -1,15 +1,32 @@
 use crate::components::{Demo, DemoCode};
 use leptos::*;
 use melt_ui::*;
+use prisms::highlight_str;
 
 #[component]
 pub fn ColorPickerPage() -> impl IntoView {
+    let value = create_rw_signal(RGBA::default());
+
     view! {
         <div style="width: 896px; margin: 0 auto;">
             <h1>"Color Picker"</h1>
             <Demo>
-                <ColorPicker/>
-                <DemoCode slot>""</DemoCode>
+                <ColorPicker value/>
+                <DemoCode
+                    slot
+                    html=highlight_str!(
+                        r#"
+                    let value = RGBA::default();
+
+                    view! {
+                        <ColorPicker value/>
+                    }
+                    "#,
+                        "rust"
+                    )
+                >
+                    ""
+                </DemoCode>
             </Demo>
         </div>
     }

gh-pages/src/pages/input/mod.rs

@@ -10,16 +10,20 @@ pub fn InputPage() -> impl IntoView {
         <div style="width: 896px; margin: 0 auto;">
             <h1>"Input"</h1>
             <Demo>
+                <Space vertical=true>
                     <Input value/>
                     <Input value variant=InputVariant::PASSWORD/>
+                </Space>
                 <DemoCode
                     slot
                     html=highlight_str!(
                         r#"
                         let value = create_rw_signal(String::from("o"));
 
+                        view! {
                             <Input value/>
                             <Input value variant=InputVariant::PASSWORD />
+                        }
                     "#,
                         "rust"
                     )

src/code/mod.rs

@@ -1,5 +1,5 @@
-use leptos::*;
 use crate::utils::mount_style::mount_style;
+use leptos::*;
 
 #[component]
 pub fn Code(children: Children) -> impl IntoView {

src/color_picker/mod.rs

@@ -2,8 +2,8 @@ mod color;
 
 use crate::{mount_style, teleport::Teleport, utils::maybe_rw_signal::MaybeRwSignal};
 pub use color::*;
+use leptos::leptos_dom::helpers::WindowListenerHandle;
 use leptos::*;
-use leptos_dom::helpers::WindowListenerHandle;
 use wasm_bindgen::__rt::IntoJsResult;
 
 #[component]

src/mobile/toast/mod.rs

@@ -17,7 +17,7 @@ pub fn show_toast(options: ToastOptions) {
 
     #[cfg(all(target_arch = "wasm32"))]
     {
-        use leptos_dom::Mountable;
+        use leptos::leptos_dom::Mountable;
         let node = node.get_mountable_node();
         parent.append_child(&node).unwrap();
         set_timeout(

src/teleport/mod.rs

@@ -15,7 +15,7 @@ pub fn Teleport(#[prop(optional)] to: Option<&'static str>, children: Children)
 
     #[cfg(all(target_arch = "wasm32"))]
     {
-        use leptos_dom::Mountable;
+        use leptos::leptos_dom::Mountable;
         let node = children().into_view();
         let node = node.get_mountable_node();
         parent.append_child(&node).unwrap();