Add Divider view.

Sources/Slipstream/Documentation.docc/W3C/W3CViews.md

@@ -33,8 +33,9 @@ The complete W3C HTML elements standard can be found [here](https://html.spec.wh
 
 ### Grouping content
 
-- ``Div``
 - ``Paragraph``
+- ``Divider``
+- ``Div``
 
 ### Text-level semantics
 

Sources/Slipstream/W3C/Elements/GroupingContent/Divider.swift

@@ -0,0 +1,32 @@
+import SwiftSoup
+
+/// A divider represents a paragraph-level thematic break, e.g., a
+/// scene change in a story, or a transition to another topic within
+/// a section of a reference book.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Div {
+///         Paragraph("Hello, world!")
+///         Divider()
+///         Paragraph("Let's make a website!")
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [`hr`](https://html.spec.whatwg.org/multipage/grouping-content.html#the-hr-element) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct Divider: View {
+  /// Creates a divider view.
+  public init() {
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    _ = try container.appendElement("hr")
+  }
+}

Sources/Slipstream/W3C/Elements/Scripting/Script.swift

@@ -45,7 +45,6 @@ public struct Script: View {
 
   @_documentation(visibility: private)
   public func render(_ container: Element, environment: EnvironmentValues) throws {
-
     switch storage {
     case .url(let url, let executionMode):
       guard let url else {

Tests/SlipstreamTests/Sites/CatalogSiteTests.swift

@@ -53,6 +53,8 @@ private struct CatalogSite: View {
               .textColor(.white)
               .display(.hidden)
 
+            Divider()
+
             Heading(level: 2, "Generic heading 2")
           }
           .background(.black)
@@ -107,6 +109,7 @@ struct CatalogSiteTests {
     <h4 class="antialiased h-12 max-h-24 max-w-4 min-h-6 min-w-1 w-2">Heading 4</h4>
     <h5 class="mx-auto">Heading 5</h5>
     <h6 class="my-8 text-white hidden">Heading 6</h6>
+    <hr />
     <h2>Generic heading 2</h2>
    </div>
   </div>

Tests/SlipstreamTests/W3C/DividerTests.swift

@@ -0,0 +1,9 @@
+import Testing
+
+import Slipstream
+
+struct DividerTests {
+  @Test func divider() throws {
+    try #expect(renderHTML(Divider()) == "<hr />")
+  }
+}