add suAlert modifier

Author: mikhailChelbaev

Examples/DemosApp/DemosApp/ComponentsPreview/PreviewPages/AlertPreview.swift

@@ -3,6 +3,7 @@ import SwiftUI
 import UIKit
 
 struct AlertPreview: View {
+  @State var isAlertPresented: Bool = false
   @State private var model = AlertVM {
     $0.title = Self.alertTitle
     $0.message = AlertMessage.short.rawValue
@@ -21,6 +22,15 @@ struct AlertPreview: View {
         }
         .preview
       }
+      PreviewWrapper(title: "SwiftUI") {
+        SUButton(model: .init { $0.title = "Show Alert" }) {
+          self.isAlertPresented = true
+        }
+        .suAlert(
+          isPresented: self.$isAlertPresented,
+          model: self.model
+        )
+      }
       Form {
         Section("Title") {
           Toggle("Has Title", isOn: .init(

Sources/ComponentsKit/Components/Alert/Models/AlertVM.swift

@@ -85,6 +85,7 @@ extension AlertVM {
       $0.color = model.color
       $0.cornerRadius = model.cornerRadius
       $0.style = model.style
+      $0.isFullWidth = true
     }
   }
 }

Sources/ComponentsKit/Components/Alert/SUAlert.swift

@@ -0,0 +1,111 @@
+import SwiftUI
+
+extension View {
+  /// A SwiftUI view modifier that presents an alert with a title, message, and up to two action buttons.
+  ///
+  /// All actions in an alert dismiss the alert after the action runs. If no actions are present, a standard “OK” action is included.
+  ///
+  /// - Parameters:
+  ///   - isPresented: A binding that determines whether the alert is presented.
+  ///   - model: A model that defines the appearance properties for an alert.
+  ///   - primaryAction: An optional closure executed when the primary button is tapped.
+  ///   - secondaryAction: An optional closure executed when the secondary button is tapped.
+  ///   - onDismiss: An optional closure executed when the alert is dismissed.
+  ///
+  /// - Example:
+  ///   ```swift
+  ///   SomeView()
+  ///     .suAlert(
+  ///       isPresented: $isAlertPresented,
+  ///       model: .init { alertVM in
+  ///         alertVM.title = "My Alert"
+  ///         alertVM.message = "This is an alert."
+  ///         alertVM.primaryButton = .init { buttonVM in
+  ///           buttonVM.title = "OK"
+  ///           buttonVM.color = .primary
+  ///           buttonVM.style = .filled
+  ///         }
+  ///         alertVM.secondaryButton = .init { buttonVM in
+  ///           buttonVM.title = "Cancel"
+  ///           buttonVM.style = .light
+  ///         }
+  ///       },
+  ///       primaryAction: {
+  ///         NSLog("Primary button tapped")
+  ///       },
+  ///       secondaryAction: {
+  ///         NSLog("Secondary button tapped")
+  ///       },
+  ///       onDismiss: {
+  ///         print("Alert dismissed")
+  ///       }
+  ///     )
+  ///   ```
+  public func suAlert(
+    isPresented: Binding<Bool>,
+    model: AlertVM,
+    primaryAction: (() -> Void)? = nil,
+    secondaryAction: (() -> Void)? = nil,
+    onDismiss: (() -> Void)? = nil
+  ) -> some View {
+    return self.modal(
+      isVisible: isPresented,
+      transitionDuration: model.transition.value,
+      onDismiss: onDismiss,
+      content: {
+        SUCenterModal(
+          isVisible: isPresented,
+          model: model.modalVM,
+          header: {
+            if model.message.isNotNil,
+               let title = model.title {
+              AlertTitle(text: title)
+            }
+          },
+          body: {
+            if let message = model.message {
+              AlertMessage(text: message)
+            } else if let title = model.title {
+              AlertTitle(text: title)
+            }
+          },
+          footer: {
+            SUButton(
+              model: AlertVM.defaultButtonVM,
+              action: {
+                primaryAction?()
+                isPresented.wrappedValue = false
+              }
+            )
+          }
+        )
+      }
+    )
+  }
+}
+
+// MARK: - Helpers
+
+private struct AlertTitle: View {
+  let text: String
+
+  var body: some View {
+    Text(self.text)
+      .font(UniversalFont.mdHeadline.font)
+      .foregroundStyle(UniversalColor.foreground.color)
+      .multilineTextAlignment(.center)
+      .frame(maxWidth: .infinity)
+  }
+}
+
+private struct AlertMessage: View {
+  let text: String
+
+  var body: some View {
+    Text(self.text)
+      .font(UniversalFont.mdBody.font)
+      .foregroundStyle(UniversalColor.secondaryForeground.color)
+      .multilineTextAlignment(.center)
+      .frame(maxWidth: .infinity)
+  }
+}

Sources/ComponentsKit/Components/Modal/SwiftUI/SUCenterModal.swift

@@ -54,7 +54,7 @@ struct SUCenterModal<Header: View, Body: View, Footer: View>: View {
 extension View {
   /// A SwiftUI view modifier that presents a center-aligned modal.
   ///
-  /// This modifier allows you to attach a cetner modal to any SwiftUI view, providing a structured way to display modals
+  /// This modifier allows you to attach a center modal to any SwiftUI view, providing a structured way to display modals
   /// with a header, body, and footer, all styled and laid out according to the provided `CenterModalVM` model.
   ///
   /// - Parameters: