From e21768c223837ddd867819ef6f94bc7bd5a8ceac Mon Sep 17 00:00:00 2001
From: Israel Barbara <israelsilvabarbara@gmail.com>
Date: Sat, 28 Dec 2024 06:14:24 -0300
Subject: [PATCH 1/4] Add textarea impl

---
 Cargo.lock                               | 10 +++
 packages/leptos/textarea/Cargo.toml      | 18 ++++++
 packages/leptos/textarea/README.md       | 21 +++++++
 packages/leptos/textarea/src/default.rs  | 79 ++++++++++++++++++++++++
 packages/leptos/textarea/src/lib.rs      |  8 +++
 packages/leptos/textarea/src/new_york.rs | 79 ++++++++++++++++++++++++
 6 files changed, 215 insertions(+)
 create mode 100644 packages/leptos/textarea/Cargo.toml
 create mode 100644 packages/leptos/textarea/README.md
 create mode 100644 packages/leptos/textarea/src/default.rs
 create mode 100644 packages/leptos/textarea/src/lib.rs
 create mode 100644 packages/leptos/textarea/src/new_york.rs

diff --git a/Cargo.lock b/Cargo.lock
index aa3ba82..8f9305c 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -3522,6 +3522,16 @@ dependencies = [
  "tailwind_fuse",
 ]
 
+[[package]]
+name = "shadcn-ui-leptos-textarea"
+version = "0.0.1"
+dependencies = [
+ "leptos 0.7.2",
+ "leptos-node-ref",
+ "leptos-style",
+ "tailwind_fuse",
+]
+
 [[package]]
 name = "shadcn-ui-leptos-utils"
 version = "0.0.1"
diff --git a/packages/leptos/textarea/Cargo.toml b/packages/leptos/textarea/Cargo.toml
new file mode 100644
index 0000000..98b658a
--- /dev/null
+++ b/packages/leptos/textarea/Cargo.toml
@@ -0,0 +1,18 @@
+[package]
+name = "shadcn-ui-leptos-textarea"
+description = "Leptos port of shadcn/ui Textarea."
+homepage = "https://shadcn-ui.rustforweb.org/components/textarea.html"
+publish = false
+
+authors.workspace = true
+edition.workspace = true
+license.workspace = true
+repository.workspace = true
+version.workspace = true
+
+[dependencies]
+tailwind_fuse.workspace = true
+leptos.workspace = true
+leptos-style.workspace = true
+leptos-node-ref.workspace = true
+
diff --git a/packages/leptos/textarea/README.md b/packages/leptos/textarea/README.md
new file mode 100644
index 0000000..8fd28b2
--- /dev/null
+++ b/packages/leptos/textarea/README.md
@@ -0,0 +1,21 @@
+<p align="center">
+    <a href="../../../logo.svg">
+        <img src="../../../logo.svg" width="300" height="200" alt="Rust shadcn/ui Logo">
+    </a>
+</p>
+
+<h1 align="center">shadcn-ui-leptos-textarea</h1>
+
+Displays a form textarea or a component that looks like a textarea.
+
+[Rust shadcn/ui](https://github.com/RustForWeb/shadcn-ui) is a Rust port of [shadcn/ui](https://ui.shadcn.com/).
+
+## Documentation
+
+See [the Rust shadcn/ui book](https://shadcn-ui.rustforweb.org/) for documentation.
+
+## Rust For Web
+
+The Rust shadcn/ui project is part of the [Rust For Web](https://github.com/RustForWeb).
+
+[Rust For Web](https://github.com/RustForWeb) creates and ports web UI libraries for Rust. All projects are free and open source.
diff --git a/packages/leptos/textarea/src/default.rs b/packages/leptos/textarea/src/default.rs
new file mode 100644
index 0000000..805f590
--- /dev/null
+++ b/packages/leptos/textarea/src/default.rs
@@ -0,0 +1,79 @@
+use leptos_node_ref::AnyNodeRef;
+use tailwind_fuse::*;
+use leptos::{attr::autocapitalize, prelude::*};
+use leptos_style::Style;
+
+
+#[component]
+pub fn Textarea(
+    // Global attributes
+    #[prop(into, optional)] class: MaybeProp<String>,
+    #[prop(into, optional)] id: MaybeProp<String>,
+    #[prop(into, optional)] style: MaybeProp<Style>,
+
+    // Attributes from `textarea`
+    #[prop(into, optional)] autocomplete: MaybeProp<String>,
+    #[prop(into, optional)] autocapitalize: MaybeProp<String>,
+    #[prop(into, optional)] autocorrect: MaybeProp<String>,
+    #[prop(into, optional)] autofocus: MaybeProp<bool>,
+    #[prop(into, optional)] spellcheck: MaybeProp<bool>,
+    #[prop(into, optional)] cols: MaybeProp<String>,
+    #[prop(into, optional)] dirname: MaybeProp<String>,
+    #[prop(into, optional)] disabled: MaybeProp<bool>,
+    #[prop(into, optional)] form: MaybeProp<String>,
+    #[prop(into, optional)] maxlength: MaybeProp<String>,
+    #[prop(into, optional)] minlength: MaybeProp<String>,
+    #[prop(into, optional)] name: MaybeProp<String>,
+    #[prop(into, optional)] pattern: MaybeProp<String>,
+    #[prop(into, optional)] placeholder: MaybeProp<String>,
+    #[prop(into, optional)] rows: MaybeProp<String>,
+    #[prop(into, optional)] value: MaybeProp<String>,
+
+
+    // Event handler attributes
+    #[prop(optional)] on_blur: MaybeCallback<FocusEvent>,
+    #[prop(optional)] on_change: MaybeCallback<Event>,
+    #[prop(optional)] on_focus: MaybeCallback<FocusEvent>,
+    #[prop(optional)] on_input: MaybeCallback<InputEvent>,
+
+    #[prop(into, optional)] node_ref: AnyNodeRef,
+) -> impl IntoView {
+    view! {
+        <textarea
+            node_ref=node_ref
+
+            class=move || tw_merge!(
+                "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+                class.get()
+            )
+            id=move || id.get()
+            style=style
+
+            autocapitalize=move ||autocapitalize.get()
+            autocorrect=move ||autocorrect.get()
+            autofocus=move ||autofocus.get()
+            spellcheck=move ||spellcheck.get()
+            
+            
+            autocomplete=move || autocomplete.get()
+            cols=move || cols.get()
+            dirname=move || dirname.get()
+            disabled=move || disabled.get()
+            form=move || form.get()
+            maxlength=move || maxlength.get()
+            minlength=move || minlength.get()
+            name=move || name.get()
+            pattern=move || pattern.get()
+            placeholder=move || placeholder.get()
+            readonly=move || false
+            required=move || false
+            rows=move || rows.get()
+            value=move || value.get()
+
+            onblur=Handler::from(on_blur)
+            onchange=Handler::from(on_change)
+            onfocus=Handler::from(on_focus)
+            oninput=Handler::from(on_input)
+        />
+    }
+}
diff --git a/packages/leptos/textarea/src/lib.rs b/packages/leptos/textarea/src/lib.rs
new file mode 100644
index 0000000..debea22
--- /dev/null
+++ b/packages/leptos/textarea/src/lib.rs
@@ -0,0 +1,8 @@
+//! Leptos port of [shadcn/ui Textarea](https://ui.shadcn.com/docs/components/textarea).
+//!
+//! Displays a form textarea or a component that looks like a textarea.
+//!
+//! See [the Rust shadcn/ui book](https://shadcn-ui.rustforweb.org/components/textarea.html) for more documenation.
+
+pub mod default;
+pub mod new_york;
diff --git a/packages/leptos/textarea/src/new_york.rs b/packages/leptos/textarea/src/new_york.rs
new file mode 100644
index 0000000..e8a473c
--- /dev/null
+++ b/packages/leptos/textarea/src/new_york.rs
@@ -0,0 +1,79 @@
+use leptos_node_ref::AnyNodeRef;
+use tailwind_fuse::*;
+use leptos::{attr::autocapitalize, prelude::*};
+use leptos_style::Style;
+
+
+#[component]
+pub fn Textarea(
+    // Global attributes
+    #[prop(into, optional)] class: MaybeProp<String>,
+    #[prop(into, optional)] id: MaybeProp<String>,
+    #[prop(into, optional)] style: MaybeProp<Style>,
+
+    // Attributes from `textarea`
+    #[prop(into, optional)] autocomplete: MaybeProp<String>,
+    #[prop(into, optional)] autocapitalize: MaybeProp<String>,
+    #[prop(into, optional)] autocorrect: MaybeProp<String>,
+    #[prop(into, optional)] autofocus: MaybeProp<bool>,
+    #[prop(into, optional)] spellcheck: MaybeProp<bool>,
+    #[prop(into, optional)] cols: MaybeProp<String>,
+    #[prop(into, optional)] dirname: MaybeProp<String>,
+    #[prop(into, optional)] disabled: MaybeProp<bool>,
+    #[prop(into, optional)] form: MaybeProp<String>,
+    #[prop(into, optional)] maxlength: MaybeProp<String>,
+    #[prop(into, optional)] minlength: MaybeProp<String>,
+    #[prop(into, optional)] name: MaybeProp<String>,
+    #[prop(into, optional)] pattern: MaybeProp<String>,
+    #[prop(into, optional)] placeholder: MaybeProp<String>,
+    #[prop(into, optional)] rows: MaybeProp<String>,
+    #[prop(into, optional)] value: MaybeProp<String>,
+
+
+    // Event handler attributes
+    #[prop(optional)] on_blur: MaybeCallback<FocusEvent>,
+    #[prop(optional)] on_change: MaybeCallback<Event>,
+    #[prop(optional)] on_focus: MaybeCallback<FocusEvent>,
+    #[prop(optional)] on_input: MaybeCallback<InputEvent>,
+
+    #[prop(into, optional)] node_ref: AnyNodeRef,
+) -> impl IntoView {
+    view! {
+        <textarea
+            node_ref=node_ref
+
+            class=move || tw_merge!(
+                "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+                class.get()
+            )
+            id=move || id.get()
+            style=style
+
+            autocapitalize=move ||autocapitalize.get()
+            autocorrect=move ||autocorrect.get()
+            autofocus=move ||autofocus.get()
+            spellcheck=move ||spellcheck.get()
+            
+            
+            autocomplete=move || autocomplete.get()
+            cols=move || cols.get()
+            dirname=move || dirname.get()
+            disabled=move || disabled.get()
+            form=move || form.get()
+            maxlength=move || maxlength.get()
+            minlength=move || minlength.get()
+            name=move || name.get()
+            pattern=move || pattern.get()
+            placeholder=move || placeholder.get()
+            readonly=move || false
+            required=move || false
+            rows=move || rows.get()
+            value=move || value.get()
+
+            onblur=Handler::from(on_blur)
+            onchange=Handler::from(on_change)
+            onfocus=Handler::from(on_focus)
+            oninput=Handler::from(on_input)
+        />
+    }
+}

From 3b66abd754cad9f614370c3b7518a90e20a6c1a0 Mon Sep 17 00:00:00 2001
From: Israel Barbara <israelsilvabarbara@gmail.com>
Date: Sat, 28 Dec 2024 07:42:12 -0300
Subject: [PATCH 2/4] Add TextArea

---
 Cargo.lock                               |  1 +
 packages/leptos/textarea/Cargo.toml      |  1 +
 packages/leptos/textarea/src/default.rs  | 58 +++++++-----------------
 packages/leptos/textarea/src/new_york.rs | 58 +++++++-----------------
 packages/leptos/utils/src/lib.rs         | 57 +++++++++++++++++++++++
 5 files changed, 92 insertions(+), 83 deletions(-)

diff --git a/Cargo.lock b/Cargo.lock
index 8f9305c..0382dfd 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -3529,6 +3529,7 @@ dependencies = [
  "leptos 0.7.2",
  "leptos-node-ref",
  "leptos-style",
+ "shadcn-ui-leptos-utils",
  "tailwind_fuse",
 ]
 
diff --git a/packages/leptos/textarea/Cargo.toml b/packages/leptos/textarea/Cargo.toml
index 98b658a..9c09273 100644
--- a/packages/leptos/textarea/Cargo.toml
+++ b/packages/leptos/textarea/Cargo.toml
@@ -15,4 +15,5 @@ tailwind_fuse.workspace = true
 leptos.workspace = true
 leptos-style.workspace = true
 leptos-node-ref.workspace = true
+shadcn-ui-leptos-utils = { path = "../utils" }
 
diff --git a/packages/leptos/textarea/src/default.rs b/packages/leptos/textarea/src/default.rs
index 805f590..a395684 100644
--- a/packages/leptos/textarea/src/default.rs
+++ b/packages/leptos/textarea/src/default.rs
@@ -1,7 +1,8 @@
 use leptos_node_ref::AnyNodeRef;
 use tailwind_fuse::*;
-use leptos::{attr::autocapitalize, prelude::*};
+use leptos::{ev::{Event, FocusEvent}, prelude::*};
 use leptos_style::Style;
+use shadcn_ui_leptos_utils::handlers::*;
 
 
 #[component]
@@ -9,32 +10,21 @@ pub fn Textarea(
     // Global attributes
     #[prop(into, optional)] class: MaybeProp<String>,
     #[prop(into, optional)] id: MaybeProp<String>,
-    #[prop(into, optional)] style: MaybeProp<Style>,
+    #[prop(into, optional)] style: Signal<Style>,
 
     // Attributes from `textarea`
-    #[prop(into, optional)] autocomplete: MaybeProp<String>,
-    #[prop(into, optional)] autocapitalize: MaybeProp<String>,
-    #[prop(into, optional)] autocorrect: MaybeProp<String>,
-    #[prop(into, optional)] autofocus: MaybeProp<bool>,
-    #[prop(into, optional)] spellcheck: MaybeProp<bool>,
-    #[prop(into, optional)] cols: MaybeProp<String>,
-    #[prop(into, optional)] dirname: MaybeProp<String>,
     #[prop(into, optional)] disabled: MaybeProp<bool>,
-    #[prop(into, optional)] form: MaybeProp<String>,
-    #[prop(into, optional)] maxlength: MaybeProp<String>,
-    #[prop(into, optional)] minlength: MaybeProp<String>,
-    #[prop(into, optional)] name: MaybeProp<String>,
-    #[prop(into, optional)] pattern: MaybeProp<String>,
+    #[prop(into, optional)] value: Signal<String>,
+    #[prop(into, optional)] readonly: MaybeProp<bool>,
+    #[prop(into, optional)] is_error: Signal<bool>,
     #[prop(into, optional)] placeholder: MaybeProp<String>,
-    #[prop(into, optional)] rows: MaybeProp<String>,
-    #[prop(into, optional)] value: MaybeProp<String>,
 
 
     // Event handler attributes
     #[prop(optional)] on_blur: MaybeCallback<FocusEvent>,
     #[prop(optional)] on_change: MaybeCallback<Event>,
     #[prop(optional)] on_focus: MaybeCallback<FocusEvent>,
-    #[prop(optional)] on_input: MaybeCallback<InputEvent>,
+    #[prop(optional)] on_input: MaybeCallback<Event>,
 
     #[prop(into, optional)] node_ref: AnyNodeRef,
 ) -> impl IntoView {
@@ -44,36 +34,22 @@ pub fn Textarea(
 
             class=move || tw_merge!(
                 "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-                class.get()
+                 tw_join!(class.get(), (is_error).get().then_some("border-destructive"))
             )
             id=move || id.get()
             style=style
 
-            autocapitalize=move ||autocapitalize.get()
-            autocorrect=move ||autocorrect.get()
-            autofocus=move ||autofocus.get()
-            spellcheck=move ||spellcheck.get()
-            
-            
-            autocomplete=move || autocomplete.get()
-            cols=move || cols.get()
-            dirname=move || dirname.get()
-            disabled=move || disabled.get()
-            form=move || form.get()
-            maxlength=move || maxlength.get()
-            minlength=move || minlength.get()
-            name=move || name.get()
-            pattern=move || pattern.get()
             placeholder=move || placeholder.get()
-            readonly=move || false
-            required=move || false
-            rows=move || rows.get()
-            value=move || value.get()
+            prop:value=value
 
-            onblur=Handler::from(on_blur)
-            onchange=Handler::from(on_change)
-            onfocus=Handler::from(on_focus)
-            oninput=Handler::from(on_input)
+            on:blur=Handler::from(on_blur)
+            on:change=Handler::from(on_change)
+            on:focus=Handler::from(on_focus)
+            on:input=Handler::from(on_input)
+
+            disabled=move || disabled.get()
+            readonly=move || readonly.get()
+            
         />
     }
 }
diff --git a/packages/leptos/textarea/src/new_york.rs b/packages/leptos/textarea/src/new_york.rs
index e8a473c..54da04c 100644
--- a/packages/leptos/textarea/src/new_york.rs
+++ b/packages/leptos/textarea/src/new_york.rs
@@ -1,40 +1,29 @@
 use leptos_node_ref::AnyNodeRef;
 use tailwind_fuse::*;
-use leptos::{attr::autocapitalize, prelude::*};
+use leptos::{ev::{Event, FocusEvent}, prelude::*};
 use leptos_style::Style;
-
+use shadcn_ui_leptos_utils::handlers::*;
 
 #[component]
 pub fn Textarea(
     // Global attributes
     #[prop(into, optional)] class: MaybeProp<String>,
     #[prop(into, optional)] id: MaybeProp<String>,
-    #[prop(into, optional)] style: MaybeProp<Style>,
+    #[prop(into, optional)] style: Signal<Style>,
 
     // Attributes from `textarea`
-    #[prop(into, optional)] autocomplete: MaybeProp<String>,
-    #[prop(into, optional)] autocapitalize: MaybeProp<String>,
-    #[prop(into, optional)] autocorrect: MaybeProp<String>,
-    #[prop(into, optional)] autofocus: MaybeProp<bool>,
-    #[prop(into, optional)] spellcheck: MaybeProp<bool>,
-    #[prop(into, optional)] cols: MaybeProp<String>,
-    #[prop(into, optional)] dirname: MaybeProp<String>,
     #[prop(into, optional)] disabled: MaybeProp<bool>,
-    #[prop(into, optional)] form: MaybeProp<String>,
-    #[prop(into, optional)] maxlength: MaybeProp<String>,
-    #[prop(into, optional)] minlength: MaybeProp<String>,
-    #[prop(into, optional)] name: MaybeProp<String>,
-    #[prop(into, optional)] pattern: MaybeProp<String>,
+    #[prop(into, optional)] value: Signal<String>,
+    #[prop(into, optional)] readonly: MaybeProp<bool>,
+    #[prop(into, optional)] is_error: Signal<bool>,
     #[prop(into, optional)] placeholder: MaybeProp<String>,
-    #[prop(into, optional)] rows: MaybeProp<String>,
-    #[prop(into, optional)] value: MaybeProp<String>,
 
 
     // Event handler attributes
     #[prop(optional)] on_blur: MaybeCallback<FocusEvent>,
     #[prop(optional)] on_change: MaybeCallback<Event>,
     #[prop(optional)] on_focus: MaybeCallback<FocusEvent>,
-    #[prop(optional)] on_input: MaybeCallback<InputEvent>,
+    #[prop(optional)] on_input: MaybeCallback<Event>,
 
     #[prop(into, optional)] node_ref: AnyNodeRef,
 ) -> impl IntoView {
@@ -44,36 +33,21 @@ pub fn Textarea(
 
             class=move || tw_merge!(
                 "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-                class.get()
+                 tw_join!(class.get(), (is_error).get().then_some("border-destructive"))
             )
             id=move || id.get()
             style=style
 
-            autocapitalize=move ||autocapitalize.get()
-            autocorrect=move ||autocorrect.get()
-            autofocus=move ||autofocus.get()
-            spellcheck=move ||spellcheck.get()
-            
-            
-            autocomplete=move || autocomplete.get()
-            cols=move || cols.get()
-            dirname=move || dirname.get()
-            disabled=move || disabled.get()
-            form=move || form.get()
-            maxlength=move || maxlength.get()
-            minlength=move || minlength.get()
-            name=move || name.get()
-            pattern=move || pattern.get()
             placeholder=move || placeholder.get()
-            readonly=move || false
-            required=move || false
-            rows=move || rows.get()
-            value=move || value.get()
+            prop:value=value
 
-            onblur=Handler::from(on_blur)
-            onchange=Handler::from(on_change)
-            onfocus=Handler::from(on_focus)
-            oninput=Handler::from(on_input)
+            on:blur=Handler::from(on_blur)
+            on:change=Handler::from(on_change)
+            on:focus=Handler::from(on_focus)
+            on:input=Handler::from(on_input)
+
+            disabled=move || disabled.get()
+            readonly=move || readonly.get()
         />
     }
 }
diff --git a/packages/leptos/utils/src/lib.rs b/packages/leptos/utils/src/lib.rs
index fbb9944..360b21b 100644
--- a/packages/leptos/utils/src/lib.rs
+++ b/packages/leptos/utils/src/lib.rs
@@ -6,3 +6,60 @@
 
 pub mod default;
 pub mod new_york;
+
+pub mod handlers {
+    use leptos::prelude::{Callable, Callback};
+
+    // Define an enum to handle both cases
+    #[derive(Default)]
+    pub enum MaybeCallback<T: 'static> {
+        Some(Callback<T>),
+        #[default]
+        None,
+    }
+
+    // Implement a convenience trait for conversion from Option
+    impl<T> From<Option<Callback<T>>> for MaybeCallback<T> {
+        fn from(option: Option<Callback<T>>) -> Self {
+            match option {
+                Some(callback) => MaybeCallback::Some(callback),
+                None => MaybeCallback::None,
+            }
+        }
+    }
+
+    // Implement a convenience trait for direct Callback
+    impl<T> From<Callback<T>> for MaybeCallback<T> {
+        fn from(callback: Callback<T>) -> Self {
+            MaybeCallback::Some(callback)
+        }
+    }
+
+    // Define the function to accept MaybeCallback
+    pub fn generate_handler<T>(callback: impl Into<MaybeCallback<T>>) -> impl FnMut(T)
+    where
+        T: 'static,
+    {
+        let callback = callback.into();
+        move |event: T| {
+            if let MaybeCallback::Some(ref callback) = callback {
+                callback.run(event);
+            }
+        }
+    }
+
+    pub struct Handler;
+
+    impl Handler {
+        pub fn from<T>(callback: MaybeCallback<T>) -> impl FnMut(T)
+        where
+            T: 'static,
+        {
+            move |event: T| {
+                if let MaybeCallback::Some(callback) = callback {
+                    callback.run(event);
+                }
+            }
+        }
+    }
+}
\ No newline at end of file

From 830c6c062db977af6b6464c57d8e6e4bc2e25ad3 Mon Sep 17 00:00:00 2001
From: Israel Barbara <israelsilvabarbara@gmail.com>
Date: Sat, 28 Dec 2024 08:27:21 -0300
Subject: [PATCH 3/4] Add book-examples

---
 Cargo.lock                                    |  1 +
 book-examples/leptos/Cargo.toml               |  6 ++++
 book-examples/leptos/src/default.rs           |  6 ++++
 .../leptos/src/default/components/ui.rs       |  2 ++
 book-examples/leptos/src/default/textarea.rs  | 28 +++++++++++++++++++
 .../leptos/src/default/textarea/textarea.rs   | 10 +++++++
 .../src/default/textarea/textarea_disabled.rs | 10 +++++++
 .../src/default/textarea/textarea_form.rs     | 10 +++++++
 .../default/textarea/textarea_with_button.rs  | 18 ++++++++++++
 .../default/textarea/textarea_with_label.rs   | 13 +++++++++
 .../default/textarea/textarea_with_text.rs    | 16 +++++++++++
 book-examples/leptos/src/new_york.rs          |  6 ++++
 .../leptos/src/new_york/components/ui.rs      |  2 ++
 book-examples/leptos/src/new_york/textarea.rs | 28 +++++++++++++++++++
 .../leptos/src/new_york/textarea/textarea.rs  | 10 +++++++
 .../new_york/textarea/textarea_disabled.rs    | 10 +++++++
 .../src/new_york/textarea/textarea_form.rs    | 10 +++++++
 .../new_york/textarea/textarea_with_button.rs | 18 ++++++++++++
 .../new_york/textarea/textarea_with_label.rs  | 13 +++++++++
 .../new_york/textarea/textarea_with_text.rs   | 16 +++++++++++
 packages/leptos/textarea/src/default.rs       | 16 +++++------
 packages/leptos/textarea/src/new_york.rs      | 16 +++++------
 22 files changed, 249 insertions(+), 16 deletions(-)
 create mode 100644 book-examples/leptos/src/default/textarea.rs
 create mode 100644 book-examples/leptos/src/default/textarea/textarea.rs
 create mode 100644 book-examples/leptos/src/default/textarea/textarea_disabled.rs
 create mode 100644 book-examples/leptos/src/default/textarea/textarea_form.rs
 create mode 100644 book-examples/leptos/src/default/textarea/textarea_with_button.rs
 create mode 100644 book-examples/leptos/src/default/textarea/textarea_with_label.rs
 create mode 100644 book-examples/leptos/src/default/textarea/textarea_with_text.rs
 create mode 100644 book-examples/leptos/src/new_york/textarea.rs
 create mode 100644 book-examples/leptos/src/new_york/textarea/textarea.rs
 create mode 100644 book-examples/leptos/src/new_york/textarea/textarea_disabled.rs
 create mode 100644 book-examples/leptos/src/new_york/textarea/textarea_form.rs
 create mode 100644 book-examples/leptos/src/new_york/textarea/textarea_with_button.rs
 create mode 100644 book-examples/leptos/src/new_york/textarea/textarea_with_label.rs
 create mode 100644 book-examples/leptos/src/new_york/textarea/textarea_with_text.rs

diff --git a/Cargo.lock b/Cargo.lock
index 0382dfd..1f7e0f4 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -3498,6 +3498,7 @@ dependencies = [
  "shadcn-ui-leptos-badge",
  "shadcn-ui-leptos-button",
  "shadcn-ui-leptos-card",
+ "shadcn-ui-leptos-textarea",
 ]
 
 [[package]]
diff --git a/book-examples/leptos/Cargo.toml b/book-examples/leptos/Cargo.toml
index d93efac..59c5ab0 100644
--- a/book-examples/leptos/Cargo.toml
+++ b/book-examples/leptos/Cargo.toml
@@ -21,6 +21,7 @@ shadcn-ui-leptos-alert = { path = "../../packages/leptos/alert" , optional = tru
 shadcn-ui-leptos-badge = { path = "../../packages/leptos/badge", optional = true }
 shadcn-ui-leptos-button = { path = "../../packages/leptos/button", optional = true }
 shadcn-ui-leptos-card = { path = "../../packages/leptos/card", optional = true }
+shadcn-ui-leptos-textarea = { path = "../../packages/leptos/textarea", optional = true }
 
 [features]
 default = [
@@ -28,6 +29,7 @@ default = [
     "badge",
     "button",
     "card",
+    "textarea",
 ]
 alert = [
     "dep:lucide-leptos",
@@ -45,3 +47,7 @@ card = [
     "dep:shadcn-ui-leptos-button",
     "dep:shadcn-ui-leptos-card",
 ]
+textarea = [
+    "dep:shadcn-ui-leptos-button",
+    "dep:shadcn-ui-leptos-textarea",
+]
\ No newline at end of file
diff --git a/book-examples/leptos/src/default.rs b/book-examples/leptos/src/default.rs
index a3148f2..3c19706 100644
--- a/book-examples/leptos/src/default.rs
+++ b/book-examples/leptos/src/default.rs
@@ -8,6 +8,8 @@ mod badge;
 mod button;
 #[cfg(feature = "card")]
 mod card;
+#[cfg(feature = "textarea")]
+mod textarea;
 
 use leptos::prelude::*;
 use leptos_router::{
@@ -34,6 +36,10 @@ pub fn Default() -> impl MatchNestedRoutes + Clone {
         {
             component_view(self::card::CardRoutes, ())
         },
+        #[cfg(feature = "textarea")]
+        {
+            component_view(self::textarea::TextareaRoutes, ())    
+        }
     );
 
     view! {
diff --git a/book-examples/leptos/src/default/components/ui.rs b/book-examples/leptos/src/default/components/ui.rs
index a95ce66..f95957f 100644
--- a/book-examples/leptos/src/default/components/ui.rs
+++ b/book-examples/leptos/src/default/components/ui.rs
@@ -8,3 +8,5 @@ pub use shadcn_ui_leptos_badge::default as badge;
 pub use shadcn_ui_leptos_button::default as button;
 #[cfg(feature = "card")]
 pub use shadcn_ui_leptos_card::default as card;
+#[cfg(feature = "textarea")]
+pub use shadcn_ui_leptos_textarea::default as textarea;
\ No newline at end of file
diff --git a/book-examples/leptos/src/default/textarea.rs b/book-examples/leptos/src/default/textarea.rs
new file mode 100644
index 0000000..dd2a950
--- /dev/null
+++ b/book-examples/leptos/src/default/textarea.rs
@@ -0,0 +1,28 @@
+#[allow(clippy::module_inception)]
+mod textarea;
+mod textarea_disabled;
+mod textarea_form;
+mod textarea_with_button;
+mod textarea_with_label;
+mod textarea_with_text;
+
+use leptos::prelude::*;
+use leptos_router::{
+    components::{Outlet, ParentRoute, Route},
+    path, MatchNestedRoutes,
+};
+
+#[component(transparent)]
+pub fn TextareaRoutes() -> impl MatchNestedRoutes + Clone {
+    view! {
+        <ParentRoute path=path!("/textarea") view=Outlet>
+            <Route path=path!("/") view=textarea::TextareaDemo />
+            <Route path=path!("/disabled") view=textarea_disabled::TextareaDisabledDemo />
+            <Route path=path!("/form") view=textarea_form::TextareaFormDemo />
+            <Route path=path!("/with-button") view=textarea_with_button::TextareaWithButtonDemo />
+            <Route path=path!("/with-label") view=textarea_with_label::TextareaWithLabelDemo />
+            <Route path=path!("/with-text") view=textarea_with_text::TextareaWithTextDemo />
+        </ParentRoute>
+    }
+    .into_inner()
+}
\ No newline at end of file
diff --git a/book-examples/leptos/src/default/textarea/textarea.rs b/book-examples/leptos/src/default/textarea/textarea.rs
new file mode 100644
index 0000000..21a7227
--- /dev/null
+++ b/book-examples/leptos/src/default/textarea/textarea.rs
@@ -0,0 +1,10 @@
+use leptos::prelude::*;
+
+use crate::default::components::ui::textarea::Textarea;
+
+#[component]
+pub fn TextareaDemo() -> impl IntoView {
+    view! {
+        <Textarea placeholder="Type your message here." />
+    }
+}
diff --git a/book-examples/leptos/src/default/textarea/textarea_disabled.rs b/book-examples/leptos/src/default/textarea/textarea_disabled.rs
new file mode 100644
index 0000000..2e98d8e
--- /dev/null
+++ b/book-examples/leptos/src/default/textarea/textarea_disabled.rs
@@ -0,0 +1,10 @@
+use leptos::prelude::*;
+
+use crate::default::components::ui::textarea::Textarea;
+
+#[component]
+pub fn TextareaDisabledDemo() -> impl IntoView {
+    view! {
+        <Textarea placeholder="Type your message here." disabled=true />
+    }
+}
diff --git a/book-examples/leptos/src/default/textarea/textarea_form.rs b/book-examples/leptos/src/default/textarea/textarea_form.rs
new file mode 100644
index 0000000..6939638
--- /dev/null
+++ b/book-examples/leptos/src/default/textarea/textarea_form.rs
@@ -0,0 +1,10 @@
+use leptos::prelude::*;
+
+use crate::default::components::ui::textarea::Textarea;
+
+#[component]
+pub fn TextareaFormDemo() -> impl IntoView {
+    view! {
+        <Textarea placeholder= "Need implementation!"></Textarea>
+    }
+}
diff --git a/book-examples/leptos/src/default/textarea/textarea_with_button.rs b/book-examples/leptos/src/default/textarea/textarea_with_button.rs
new file mode 100644
index 0000000..d97dd6b
--- /dev/null
+++ b/book-examples/leptos/src/default/textarea/textarea_with_button.rs
@@ -0,0 +1,18 @@
+use leptos::prelude::*;
+
+use crate::default::components::ui::{button::Button, textarea::Textarea};
+
+#[component]
+pub fn TextareaWithButtonDemo() -> impl IntoView {
+    let text = RwSignal::new("".to_string());
+    view! {
+        <div class="grid w-full gap-2">
+            <Textarea placeholder="Type your message here." value=text />
+            <Button
+                onclick= Callback::new(move |_|{
+                    text.set("Updated".to_string());
+                })
+            >"Send message"</Button>
+        </div>
+    }
+}
diff --git a/book-examples/leptos/src/default/textarea/textarea_with_label.rs b/book-examples/leptos/src/default/textarea/textarea_with_label.rs
new file mode 100644
index 0000000..f90df3f
--- /dev/null
+++ b/book-examples/leptos/src/default/textarea/textarea_with_label.rs
@@ -0,0 +1,13 @@
+use leptos::prelude::*;
+
+use crate::default::components::ui::textarea::Textarea;
+
+#[component]
+pub fn TextareaWithLabelDemo() -> impl IntoView {
+    view! {
+        <div class="grid w-full gap-1.5">
+            <label r#for="message">"Your message"</label>
+            <Textarea placeholder="Type your message here." id="message" />
+        </div>
+    }
+}
diff --git a/book-examples/leptos/src/default/textarea/textarea_with_text.rs b/book-examples/leptos/src/default/textarea/textarea_with_text.rs
new file mode 100644
index 0000000..81eac3a
--- /dev/null
+++ b/book-examples/leptos/src/default/textarea/textarea_with_text.rs
@@ -0,0 +1,16 @@
+use leptos::prelude::*;
+
+use crate::default::components::ui::textarea::Textarea;
+
+#[component]
+pub fn TextareaWithTextDemo() -> impl IntoView {
+    view! {
+        <div class="grid w-full gap-1.5">
+            <label r#for="message-2">"Your Message"</label>
+            <Textarea placeholder="Type your message here." id="message-2" />
+            <p class="text-sm text-muted-foreground">
+                {"Your message will be copied to the support team."}
+            </p>
+        </div>
+    }
+}
diff --git a/book-examples/leptos/src/new_york.rs b/book-examples/leptos/src/new_york.rs
index 90e0fac..cbc6259 100644
--- a/book-examples/leptos/src/new_york.rs
+++ b/book-examples/leptos/src/new_york.rs
@@ -8,6 +8,8 @@ mod badge;
 mod button;
 #[cfg(feature = "card")]
 mod card;
+#[cfg(feature = "textarea")]
+mod textarea;
 
 use leptos::prelude::*;
 use leptos_router::{
@@ -34,6 +36,10 @@ pub fn NewYork() -> impl MatchNestedRoutes + Clone {
         {
             component_view(self::card::CardRoutes, ())
         },
+        #[cfg(feature = "textarea")]
+        {
+            component_view(self::textarea::TextareaRoutes, ())    
+        }
     );
 
     view! {
diff --git a/book-examples/leptos/src/new_york/components/ui.rs b/book-examples/leptos/src/new_york/components/ui.rs
index 92b7a22..95fcdd2 100644
--- a/book-examples/leptos/src/new_york/components/ui.rs
+++ b/book-examples/leptos/src/new_york/components/ui.rs
@@ -8,3 +8,5 @@ pub use shadcn_ui_leptos_badge::new_york as badge;
 pub use shadcn_ui_leptos_button::new_york as button;
 #[cfg(feature = "card")]
 pub use shadcn_ui_leptos_card::new_york as card;
+#[cfg(feature = "textarea")]
+pub use shadcn_ui_leptos_textarea::new_york as textarea;
diff --git a/book-examples/leptos/src/new_york/textarea.rs b/book-examples/leptos/src/new_york/textarea.rs
new file mode 100644
index 0000000..dd2a950
--- /dev/null
+++ b/book-examples/leptos/src/new_york/textarea.rs
@@ -0,0 +1,28 @@
+#[allow(clippy::module_inception)]
+mod textarea;
+mod textarea_disabled;
+mod textarea_form;
+mod textarea_with_button;
+mod textarea_with_label;
+mod textarea_with_text;
+
+use leptos::prelude::*;
+use leptos_router::{
+    components::{Outlet, ParentRoute, Route},
+    path, MatchNestedRoutes,
+};
+
+#[component(transparent)]
+pub fn TextareaRoutes() -> impl MatchNestedRoutes + Clone {
+    view! {
+        <ParentRoute path=path!("/textarea") view=Outlet>
+            <Route path=path!("/") view=textarea::TextareaDemo />
+            <Route path=path!("/disabled") view=textarea_disabled::TextareaDisabledDemo />
+            <Route path=path!("/form") view=textarea_form::TextareaFormDemo />
+            <Route path=path!("/with-button") view=textarea_with_button::TextareaWithButtonDemo />
+            <Route path=path!("/with-label") view=textarea_with_label::TextareaWithLabelDemo />
+            <Route path=path!("/with-text") view=textarea_with_text::TextareaWithTextDemo />
+        </ParentRoute>
+    }
+    .into_inner()
+}
\ No newline at end of file
diff --git a/book-examples/leptos/src/new_york/textarea/textarea.rs b/book-examples/leptos/src/new_york/textarea/textarea.rs
new file mode 100644
index 0000000..2f506e7
--- /dev/null
+++ b/book-examples/leptos/src/new_york/textarea/textarea.rs
@@ -0,0 +1,10 @@
+use leptos::prelude::*;
+
+use crate::new_york::components::ui::textarea::Textarea;
+
+#[component]
+pub fn TextareaDemo() -> impl IntoView {
+    view! {
+        <Textarea placeholder="Type your message here." />
+    }
+}
diff --git a/book-examples/leptos/src/new_york/textarea/textarea_disabled.rs b/book-examples/leptos/src/new_york/textarea/textarea_disabled.rs
new file mode 100644
index 0000000..747b0a6
--- /dev/null
+++ b/book-examples/leptos/src/new_york/textarea/textarea_disabled.rs
@@ -0,0 +1,10 @@
+use leptos::prelude::*;
+
+use crate::new_york::components::ui::textarea::Textarea;
+
+#[component]
+pub fn TextareaDisabledDemo() -> impl IntoView {
+    view! {
+        <Textarea placeholder="Type your message here." disabled=true />
+    }
+}
diff --git a/book-examples/leptos/src/new_york/textarea/textarea_form.rs b/book-examples/leptos/src/new_york/textarea/textarea_form.rs
new file mode 100644
index 0000000..e6d61c3
--- /dev/null
+++ b/book-examples/leptos/src/new_york/textarea/textarea_form.rs
@@ -0,0 +1,10 @@
+use leptos::prelude::*;
+
+use crate::new_york::components::ui::textarea::Textarea;
+
+#[component]
+pub fn TextareaFormDemo() -> impl IntoView {
+    view! {
+        <Textarea placeholder= "Need implementation!"></Textarea>
+    }
+}
diff --git a/book-examples/leptos/src/new_york/textarea/textarea_with_button.rs b/book-examples/leptos/src/new_york/textarea/textarea_with_button.rs
new file mode 100644
index 0000000..190d20d
--- /dev/null
+++ b/book-examples/leptos/src/new_york/textarea/textarea_with_button.rs
@@ -0,0 +1,18 @@
+use leptos::prelude::*;
+
+use crate::new_york::components::ui::{button::Button, textarea::Textarea};
+
+#[component]
+pub fn TextareaWithButtonDemo() -> impl IntoView {
+    let text = RwSignal::new("".to_string());
+    view! {
+        <div class="grid w-full gap-2">
+            <Textarea placeholder="Type your message here." value=text />
+            <Button
+                onclick= Callback::new(move |_|{
+                    text.set("Updated".to_string());
+                })
+            >"Send message"</Button>
+        </div>
+    }
+}
diff --git a/book-examples/leptos/src/new_york/textarea/textarea_with_label.rs b/book-examples/leptos/src/new_york/textarea/textarea_with_label.rs
new file mode 100644
index 0000000..4260b3e
--- /dev/null
+++ b/book-examples/leptos/src/new_york/textarea/textarea_with_label.rs
@@ -0,0 +1,13 @@
+use leptos::prelude::*;
+
+use crate::new_york::components::ui::textarea::Textarea;
+
+#[component]
+pub fn TextareaWithLabelDemo() -> impl IntoView {
+    view! {
+        <div class="grid w-full gap-1.5">
+            <label r#for="message">"Your message"</label>
+            <Textarea placeholder="Type your message here." id="message" />
+        </div>
+    }
+}
diff --git a/book-examples/leptos/src/new_york/textarea/textarea_with_text.rs b/book-examples/leptos/src/new_york/textarea/textarea_with_text.rs
new file mode 100644
index 0000000..fd2b3be
--- /dev/null
+++ b/book-examples/leptos/src/new_york/textarea/textarea_with_text.rs
@@ -0,0 +1,16 @@
+use leptos::prelude::*;
+
+use crate::new_york::components::ui::textarea::Textarea;
+
+#[component]
+pub fn TextareaWithTextDemo() -> impl IntoView {
+    view! {
+        <div class="grid w-full gap-1.5">
+            <label r#for="message-2">"Your Message"</label>
+            <Textarea placeholder="Type your message here." id="message-2" />
+            <p class="text-sm text-muted-foreground">
+                {"Your message will be copied to the support team."}
+            </p>
+        </div>
+    }
+}
diff --git a/packages/leptos/textarea/src/default.rs b/packages/leptos/textarea/src/default.rs
index a395684..838302d 100644
--- a/packages/leptos/textarea/src/default.rs
+++ b/packages/leptos/textarea/src/default.rs
@@ -21,10 +21,10 @@ pub fn Textarea(
 
 
     // Event handler attributes
-    #[prop(optional)] on_blur: MaybeCallback<FocusEvent>,
-    #[prop(optional)] on_change: MaybeCallback<Event>,
-    #[prop(optional)] on_focus: MaybeCallback<FocusEvent>,
-    #[prop(optional)] on_input: MaybeCallback<Event>,
+    #[prop(optional)] onblur: MaybeCallback<FocusEvent>,
+    #[prop(optional)] onchange: MaybeCallback<Event>,
+    #[prop(optional)] onfocus: MaybeCallback<FocusEvent>,
+    #[prop(optional)] oninput: MaybeCallback<Event>,
 
     #[prop(into, optional)] node_ref: AnyNodeRef,
 ) -> impl IntoView {
@@ -42,10 +42,10 @@ pub fn Textarea(
             placeholder=move || placeholder.get()
             prop:value=value
 
-            on:blur=Handler::from(on_blur)
-            on:change=Handler::from(on_change)
-            on:focus=Handler::from(on_focus)
-            on:input=Handler::from(on_input)
+            on:blur=Handler::from(onblur)
+            on:change=Handler::from(onchange)
+            on:focus=Handler::from(onfocus)
+            on:input=Handler::from(oninput)
 
             disabled=move || disabled.get()
             readonly=move || readonly.get()
diff --git a/packages/leptos/textarea/src/new_york.rs b/packages/leptos/textarea/src/new_york.rs
index 54da04c..04a0f9a 100644
--- a/packages/leptos/textarea/src/new_york.rs
+++ b/packages/leptos/textarea/src/new_york.rs
@@ -20,10 +20,10 @@ pub fn Textarea(
 
 
     // Event handler attributes
-    #[prop(optional)] on_blur: MaybeCallback<FocusEvent>,
-    #[prop(optional)] on_change: MaybeCallback<Event>,
-    #[prop(optional)] on_focus: MaybeCallback<FocusEvent>,
-    #[prop(optional)] on_input: MaybeCallback<Event>,
+    #[prop(optional)] onblur: MaybeCallback<FocusEvent>,
+    #[prop(optional)] onchange: MaybeCallback<Event>,
+    #[prop(optional)] onfocus: MaybeCallback<FocusEvent>,
+    #[prop(optional)] oninput: MaybeCallback<Event>,
 
     #[prop(into, optional)] node_ref: AnyNodeRef,
 ) -> impl IntoView {
@@ -41,10 +41,10 @@ pub fn Textarea(
             placeholder=move || placeholder.get()
             prop:value=value
 
-            on:blur=Handler::from(on_blur)
-            on:change=Handler::from(on_change)
-            on:focus=Handler::from(on_focus)
-            on:input=Handler::from(on_input)
+            on:blur=Handler::from(onblur)
+            on:change=Handler::from(onchange)
+            on:focus=Handler::from(onfocus)
+            on:input=Handler::from(oninput)
 
             disabled=move || disabled.get()
             readonly=move || readonly.get()

From 84c9a516af45ae9388e7c8ded9d76f965b49bd36 Mon Sep 17 00:00:00 2001
From: Israel Barbara <israelsilvabarbara@gmail.com>
Date: Sat, 28 Dec 2024 08:27:59 -0300
Subject: [PATCH 4/4] cargo fmt

---
 book-examples/leptos/src/default.rs               |  4 ++--
 book-examples/leptos/src/default/components/ui.rs |  2 +-
 book-examples/leptos/src/default/textarea.rs      |  2 +-
 book-examples/leptos/src/new_york.rs              |  4 ++--
 book-examples/leptos/src/new_york/textarea.rs     |  2 +-
 packages/leptos/textarea/src/default.rs           | 11 ++++++-----
 packages/leptos/textarea/src/new_york.rs          |  8 +++++---
 packages/leptos/utils/src/lib.rs                  |  2 +-
 8 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/book-examples/leptos/src/default.rs b/book-examples/leptos/src/default.rs
index 3c19706..5609981 100644
--- a/book-examples/leptos/src/default.rs
+++ b/book-examples/leptos/src/default.rs
@@ -38,8 +38,8 @@ pub fn Default() -> impl MatchNestedRoutes + Clone {
         },
         #[cfg(feature = "textarea")]
         {
-            component_view(self::textarea::TextareaRoutes, ())    
-        }
+            component_view(self::textarea::TextareaRoutes, ())
+        },
     );
 
     view! {
diff --git a/book-examples/leptos/src/default/components/ui.rs b/book-examples/leptos/src/default/components/ui.rs
index f95957f..d2ba243 100644
--- a/book-examples/leptos/src/default/components/ui.rs
+++ b/book-examples/leptos/src/default/components/ui.rs
@@ -9,4 +9,4 @@ pub use shadcn_ui_leptos_button::default as button;
 #[cfg(feature = "card")]
 pub use shadcn_ui_leptos_card::default as card;
 #[cfg(feature = "textarea")]
-pub use shadcn_ui_leptos_textarea::default as textarea;
\ No newline at end of file
+pub use shadcn_ui_leptos_textarea::default as textarea;
diff --git a/book-examples/leptos/src/default/textarea.rs b/book-examples/leptos/src/default/textarea.rs
index dd2a950..7c43f89 100644
--- a/book-examples/leptos/src/default/textarea.rs
+++ b/book-examples/leptos/src/default/textarea.rs
@@ -25,4 +25,4 @@ pub fn TextareaRoutes() -> impl MatchNestedRoutes + Clone {
         </ParentRoute>
     }
     .into_inner()
-}
\ No newline at end of file
+}
diff --git a/book-examples/leptos/src/new_york.rs b/book-examples/leptos/src/new_york.rs
index cbc6259..a520014 100644
--- a/book-examples/leptos/src/new_york.rs
+++ b/book-examples/leptos/src/new_york.rs
@@ -38,8 +38,8 @@ pub fn NewYork() -> impl MatchNestedRoutes + Clone {
         },
         #[cfg(feature = "textarea")]
         {
-            component_view(self::textarea::TextareaRoutes, ())    
-        }
+            component_view(self::textarea::TextareaRoutes, ())
+        },
     );
 
     view! {
diff --git a/book-examples/leptos/src/new_york/textarea.rs b/book-examples/leptos/src/new_york/textarea.rs
index dd2a950..7c43f89 100644
--- a/book-examples/leptos/src/new_york/textarea.rs
+++ b/book-examples/leptos/src/new_york/textarea.rs
@@ -25,4 +25,4 @@ pub fn TextareaRoutes() -> impl MatchNestedRoutes + Clone {
         </ParentRoute>
     }
     .into_inner()
-}
\ No newline at end of file
+}
diff --git a/packages/leptos/textarea/src/default.rs b/packages/leptos/textarea/src/default.rs
index 838302d..64aaeb0 100644
--- a/packages/leptos/textarea/src/default.rs
+++ b/packages/leptos/textarea/src/default.rs
@@ -1,9 +1,11 @@
+use leptos::{
+    ev::{Event, FocusEvent},
+    prelude::*,
+};
 use leptos_node_ref::AnyNodeRef;
-use tailwind_fuse::*;
-use leptos::{ev::{Event, FocusEvent}, prelude::*};
 use leptos_style::Style;
 use shadcn_ui_leptos_utils::handlers::*;
-
+use tailwind_fuse::*;
 
 #[component]
 pub fn Textarea(
@@ -19,7 +21,6 @@ pub fn Textarea(
     #[prop(into, optional)] is_error: Signal<bool>,
     #[prop(into, optional)] placeholder: MaybeProp<String>,
 
-
     // Event handler attributes
     #[prop(optional)] onblur: MaybeCallback<FocusEvent>,
     #[prop(optional)] onchange: MaybeCallback<Event>,
@@ -49,7 +50,7 @@ pub fn Textarea(
 
             disabled=move || disabled.get()
             readonly=move || readonly.get()
-            
+
         />
     }
 }
diff --git a/packages/leptos/textarea/src/new_york.rs b/packages/leptos/textarea/src/new_york.rs
index 04a0f9a..c141004 100644
--- a/packages/leptos/textarea/src/new_york.rs
+++ b/packages/leptos/textarea/src/new_york.rs
@@ -1,8 +1,11 @@
+use leptos::{
+    ev::{Event, FocusEvent},
+    prelude::*,
+};
 use leptos_node_ref::AnyNodeRef;
-use tailwind_fuse::*;
-use leptos::{ev::{Event, FocusEvent}, prelude::*};
 use leptos_style::Style;
 use shadcn_ui_leptos_utils::handlers::*;
+use tailwind_fuse::*;
 
 #[component]
 pub fn Textarea(
@@ -18,7 +21,6 @@ pub fn Textarea(
     #[prop(into, optional)] is_error: Signal<bool>,
     #[prop(into, optional)] placeholder: MaybeProp<String>,
 
-
     // Event handler attributes
     #[prop(optional)] onblur: MaybeCallback<FocusEvent>,
     #[prop(optional)] onchange: MaybeCallback<Event>,
diff --git a/packages/leptos/utils/src/lib.rs b/packages/leptos/utils/src/lib.rs
index 360b21b..743aa34 100644
--- a/packages/leptos/utils/src/lib.rs
+++ b/packages/leptos/utils/src/lib.rs
@@ -62,4 +62,4 @@ pub mod handlers {
             }
         }
     }
-}
\ No newline at end of file
+}