feat: add material title movement

- add material-like title movement on focus change for TextInput
- add material-like title movement on focus change for IntegerInput
- add example of title movement to simple_form

Author: sirfuzzalot

examples/simple_form.py

@@ -90,7 +90,6 @@ async def on_mount(self) -> None:
         )
         self.password = TextInput(
             name="password",
-            placeholder="enter your password...",
             title="Password",
             password=True,
         )

src/textual_inputs/integer_input.py

@@ -118,15 +118,28 @@ def render(self) -> RenderableType:
             segments = self._render_text_with_cursor()
         else:
             if len(value) == 0:
-                segments = [self.placeholder]
+                if self.title and not self.placeholder:
+                    segments = [self.title]
+                else:
+                    segments = [self.placeholder]
             else:
                 segments = [value]
 
         text = Text.assemble(*segments)
 
+        if (
+            self.title
+            and not self.placeholder
+            and self.value is None
+            and not self.has_focus
+        ):
+            title = ""
+        else:
+            title = self.title
+
         return Panel(
             text,
-            title=self.title,
+            title=title,
             title_align="left",
             height=3,
             style=self.style or "",

src/textual_inputs/text_input.py

@@ -110,15 +110,28 @@ def render(self) -> RenderableType:
             segments = self._render_text_with_cursor()
         else:
             if len(self.value) == 0:
-                segments = [self.placeholder]
+                if self.title and not self.placeholder:
+                    segments = [self.title]
+                else:
+                    segments = [self.placeholder]
             else:
                 segments = [self._conceal_or_reveal(self.value)]
 
         text = Text.assemble(*segments)
 
+        if (
+            self.title
+            and not self.placeholder
+            and len(self.value) == 0
+            and not self.has_focus
+        ):
+            title = ""
+        else:
+            title = self.title
+
         return Panel(
             text,
-            title=self.title,
+            title=title,
             title_align="left",
             height=3,
             style=self.style or "",