add new divider block kind

Sources/phbar/Models/PHBlock/PHBlockKind.swift

@@ -1,10 +1,11 @@
 enum PHBlockKind: String {
-	case text, space
+	case text, space, divider
 }
 
 extension PHBlock {
 	var kind: PHBlockKind {
 		if name.starts(with: "_space") { return .space }
+		if name.starts(with: "_divider") { return .divider }
 		return .text
 	}
 }

Sources/phbar/Models/PHTheme/PHThemeStyle.swift

@@ -10,7 +10,7 @@ struct PHThemeStyle: Decodable {
 			name: "_default",
 			foreground: .init(color: "#000000", alpha: nil),
 			background: .init(color: "#ffffff", alpha: nil),
-			padding: .init(leading: 12, trailing: 12),
+			padding: .init(top: 0, bottom: 0, leading: 12, trailing: 12),
 			corner: nil
 		)
 	}()

Sources/phbar/Models/PHTheme/PHThemeStyle/PHThemeStylePadding.swift

@@ -1,8 +1,12 @@
 struct PHThemeStylePadding: Decodable {
+	let top: Double?
+	let bottom: Double?
 	let leading: Double?
 	let trailing: Double?
 
 	private enum CodingKeys: String, CodingKey {
+		case top
+		case bottom
 		case leading = "left"
 		case trailing = "right"
 	}

Sources/phbar/Views/BarView.swift

@@ -13,9 +13,11 @@ struct BarView: View {
 				ForEach(bar.arrangedBlocks) { block in
 					switch block.kind {
 					case .text:
-						TextBlockView(block: block)
+						TextView(block: block)
 					case .space:
-						SpaceBlockView(block: block)
+						SpaceView(block: block)
+					case .divider:
+						DividerView(block: block)
 					}
 				}
 			}
@@ -24,9 +26,11 @@ struct BarView: View {
 				ForEach(bar.centeredBlocks) { block in
 					switch block.kind {
 					case .text:
-						TextBlockView(block: block)
+						TextView(block: block)
 					case .space:
-						SpaceBlockView(block: block)
+						SpaceView(block: block)
+					case .divider:
+						DividerView(block: block)
 					}
 				}
 			}

Sources/phbar/Views/DividerView.swift

@@ -0,0 +1,29 @@
+import SwiftUI
+
+struct DividerView: View {
+	@ObservedObject var block: PHBlock
+
+	var width: CGFloat {
+		guard let arg = block.name.split(separator: " ").last else { return 1 }
+		guard let width = Double(arg) else { return 1 }
+		return CGFloat(width)
+	}
+
+	var body: some View {
+		ZStack {
+			Rectangle()
+				.fill(block.style.background?.uiColor ?? .clear)
+
+			Rectangle()
+				.fill(block.style.foreground?.uiColor ?? .clear)
+				.frame(width: width)
+				.padding(.trailing, block.style.padding?.trailing ?? 0)
+				.padding(.leading, block.style.padding?.leading ?? 0)
+				.padding(.top, block.style.padding?.top ?? 0)
+				.padding(.bottom, block.style.padding?.bottom ?? 0)
+				.border(block.debug ? .blue : .clear)
+		}
+		.fixedSize(horizontal: true, vertical: false)
+		.border(block.debug ? .red : .clear)
+	}
+}

Sources/phbar/Views/SpaceView.swift

@@ -1,6 +1,6 @@
 import SwiftUI
 
-struct SpaceBlockView: View {
+struct SpaceView: View {
 	@ObservedObject var block: PHBlock
 
 	var width: CGFloat? {

Sources/phbar/Views/TextView.swift

@@ -1,6 +1,6 @@
 import SwiftUI
 
-struct TextBlockView: View {
+struct TextView: View {
 	@EnvironmentObject private var bar: BarController
 	@ObservedObject var block: PHBlock
 
@@ -33,6 +33,8 @@ struct TextBlockView: View {
 				}
 				.padding(.trailing, block.style.padding?.trailing ?? 0)
 				.padding(.leading, block.style.padding?.leading ?? 0)
+				.padding(.top, block.style.padding?.top ?? 0)
+				.padding(.bottom, block.style.padding?.bottom ?? 0)
 			}
 			.fixedSize(horizontal: true, vertical: false)
 			.border(block.debug ? .red : .clear)