WIP: Moves some common views to a Styleguide module, working on room table and form.

Sources/Styleguide/Input.swift

@@ -0,0 +1,45 @@
+import Elementary
+
+public struct Input: HTML, Sendable {
+  let id: String
+  let name: String?
+  let placeholder: String
+
+  public init(
+    id: String,
+    name: String? = nil,
+    placeholder: String
+  ) {
+    self.id = id
+    self.name = name
+    self.placeholder = placeholder
+  }
+
+  public var body: some HTML<HTMLTag.input> {
+    input(
+      .id(id), .name(name ?? id), .placeholder(placeholder),
+      .class(
+        """
+        w-full rounded-md bg-white px-3 py-1.5 text-slate-900 outline-1
+        -outline-offset-1 outline-slate-300 focus:outline focus:-outline-offset-2
+        focus:outline-indigo-600 invalid:border-red-500 out-of-range:border-red-500
+        """
+      )
+    )
+  }
+}
+
+extension HTMLAttribute where Tag == HTMLTag.input {
+
+  public static func max(_ value: String) -> Self {
+    .init(name: "max", value: value)
+  }
+
+  public static func min(_ value: String) -> Self {
+    .init(name: "min", value: value)
+  }
+
+  public static func step(_ value: String) -> Self {
+    .init(name: "step", value: value)
+  }
+}