feat: 🎸 [HCPSDKFIORIUIKIT-3052]Flexible Item within Card Header

Apps/Examples/Examples/FioriSwiftUICore/Card/MobileCardExample.swift

@@ -315,6 +315,12 @@ struct MobileCardExample: View {
             } label: {
                 Text("Left image card using cardBody")
             }
+
+            NavigationLink {
+                FioriCardFlexItem()
+            } label: {
+                Text("FlexItem within Card Header")
+            }
         }
         .navigationBarTitle("Cards and Layouts", displayMode: .inline)
         .sheet(isPresented: self.$isPresented) {
@@ -336,6 +342,22 @@ struct MobileCardExample: View {
     }
 }
 
+struct FioriCardFlexItem: View {
+    @State private var buttonWidthMode: Int = 0
+    var body: some View {
+        List {
+            ForEach(0 ..< CardTests.flexItemCardSamples.count, id: \.self) { i in
+                CardTests.flexItemCardSamples[i]
+            }
+            .listRowBackground(Color.preferredColor(.primaryGroupedBackground))
+        }
+        .environment(\.cardFooterButtonWidthMode, CardFooterButtonWidthMode(rawValue: self.buttonWidthMode) ?? .auto)
+        .cardStyle(.card)
+        .listStyle(.plain)
+        .navigationBarTitle("FlexItem in card", displayMode: .inline)
+    }
+}
+
 struct FioriCardFeaturedContent<Content: View>: View {
     let content: Content
     let image: Image

Sources/FioriSwiftUICore/_ComponentProtocols/BaseComponentProtocols.swift

@@ -160,6 +160,12 @@ protocol _OverflowActionComponent {
     var overflowAction: FioriButton? { get }
 }
 
+// sourcery: BaseComponent
+protocol _FlexItemComponent {
+    @ViewBuilder
+    var flexItem: (() -> any View)? { get }
+}
+
 // sourcery: BaseComponent
 protocol _Row1Component {
 //    var numberOfLines: Int { get set }