segregate files

pedi-foods/Sources/PediFoods/Views/Main/HomeViewComponents.swift

@@ -0,0 +1,62 @@
+import SwiftUI
+
+struct CategoryModel: Identifiable {
+    let id: String
+    let title: String
+    let systemIcon: String?
+    let emojiIcon: String?
+}
+
+struct CategoryChip: View {
+    let title: String
+    let systemIcon: String?
+    let emojiIcon: String?
+    let isActive: Bool
+
+    var body: some View {
+        HStack(spacing: 8) {
+            if let emojiIcon, emojiIcon.isEmpty == false {
+                Text(emojiIcon)
+                    .font(.body)
+            } else if let systemIcon, systemIcon.isEmpty == false {
+                Image(systemName: systemIcon)
+                    .font(.caption)
+            }
+            Text(title)
+                .font(AppTypography.heading3)
+        }
+        .foregroundStyle(isActive ? AppColors.textInverse : AppColors.textPrimary)
+        .padding(.horizontal, 16)
+        .padding(.vertical, 10)
+        .background(isActive ? AppColors.brandDark : AppColors.surface)
+        .clipShape(Capsule())
+    }
+}
+
+struct SearchBar: View {
+    let placeholder: String
+    @Binding var text: String
+    var onFilterTap: () -> Void = {}
+
+    var body: some View {
+        HStack(spacing: 12) {
+            Image(systemName: "magnifyingglass")
+                .foregroundStyle(AppColors.textMuted)
+            TextField(placeholder, text: $text)
+                .appNoAutoCap()
+            Spacer()
+            Button(action: onFilterTap) {
+                Image(systemName: "slider.horizontal.3")
+                    .foregroundStyle(AppColors.textMuted)
+            }
+        }
+        .padding(.horizontal, 16)
+        .frame(height: 52)
+        .background(AppColors.surface)
+        .clipShape(RoundedRectangle(cornerRadius: AppLayout.radiusLG, style: .continuous))
+    }
+}
+
+func clamp(value: CGFloat, lower: CGFloat, upper: CGFloat) -> CGFloat {
+    min(max(value, lower), upper)
+}