@momo-kits/native-kits 0.162.2-beta.26-debug → 0.162.2-beta.27-debug

package/ios/ProgressInfo/ProgressInfo.swift

@@ -1,294 +0,0 @@
-import SwiftUI
-
-// MARK: - Data model
-
-public struct ProgressInfoItem: Identifiable {
-    public let id = UUID()
-    public let title: String
-    public let description: String?
-
-    public init(title: String, description: String? = nil) {
-        self.title = title
-        self.description = description
-    }
-}
-
-public enum ProgressInfoSize {
-    case small
-    case large
-}
-
-public enum ProgressInfoAlign {
-    case left
-    case right
-    case center
-    case stretch
-}
-
-// MARK: - Public entry-point
-
-/// Display-only step progress indicator.
-///
-/// - Parameters:
-///   - steps: Ordered list of steps; each has a title and an optional description.
-///   - horizontal: When `true` renders steps in a horizontal row with connector lines;
-///     when `false` (default) renders a vertical column.
-///   - size: Icon diameter: `.small` = 16, `.large` = 24 (default).
-///   - useNumber: Show the 1-based step index inside the icon instead of the default dot.
-///   - align: Alignment of icon + text for the horizontal variant.
-///   - showTitle: Whether step titles are rendered (default `true`).
-///   - showDescription: Whether step descriptions are rendered (default `true`).
-///   - customIcon: Icon source key rendered inside each step circle (overrides the dot;
-///     itself overridden by `useNumber`).
-public struct ProgressInfo: View {
-    private let steps: [ProgressInfoItem]
-    private let horizontal: Bool
-    private let size: ProgressInfoSize
-    private let useNumber: Bool
-    private let align: ProgressInfoAlign
-    private let showTitle: Bool
-    private let showDescription: Bool
-    private let customIcon: String?
-
-    public init(
-        steps: [ProgressInfoItem],
-        horizontal: Bool = false,
-        size: ProgressInfoSize = .large,
-        useNumber: Bool = false,
-        align: ProgressInfoAlign = .center,
-        showTitle: Bool = true,
-        showDescription: Bool = true,
-        customIcon: String? = nil
-    ) {
-        self.steps = steps
-        self.horizontal = horizontal
-        self.size = size
-        self.useNumber = useNumber
-        self.align = align
-        self.showTitle = showTitle
-        self.showDescription = showDescription
-        self.customIcon = customIcon
-    }
-
-    public var body: some View {
-        if horizontal {
-            ProgressInfoHorizontal(
-                steps: steps,
-                size: size,
-                useNumber: useNumber,
-                align: align,
-                showTitle: showTitle,
-                showDescription: showDescription,
-                customIcon: customIcon
-            )
-        } else {
-            ProgressInfoVertical(
-                steps: steps,
-                size: size,
-                useNumber: useNumber,
-                showTitle: showTitle,
-                showDescription: showDescription,
-                customIcon: customIcon
-            )
-        }
-    }
-}
-
-// MARK: - Tokens
-
-private let progressInfoLineColor = Colors.pink08
-private let progressInfoAccentColor = Color(hex: "a50064") // pink_MoMo_Branding
-
-// MARK: - Horizontal variant
-
-private struct ProgressInfoHorizontal: View {
-    let steps: [ProgressInfoItem]
-    let size: ProgressInfoSize
-    let useNumber: Bool
-    let align: ProgressInfoAlign
-    let showTitle: Bool
-    let showDescription: Bool
-    let customIcon: String?
-
-    var body: some View {
-        HStack(alignment: .top, spacing: 0) {
-            ForEach(Array(steps.enumerated()), id: \.element.id) { index, item in
-                let isFirst = index == 0
-                let isLast = index == steps.count - 1
-
-                let alignment = columnAlignment(isFirst: isFirst, isLast: isLast)
-                let textAlign = textAlignment(isFirst: isFirst, isLast: isLast)
-                let endPadding: CGFloat = (!isLast && align != .center && align != .stretch) ? Spacing.XS : 0
-                let hideLineLeft = align == .left || (align == .stretch && isFirst)
-                let hideLineRight = align == .right || (align == .stretch && isLast)
-
-                VStack(alignment: alignment, spacing: 0) {
-                    HStack(spacing: 0) {
-                        if !hideLineLeft {
-                            ProgressInfoHorizontalLine()
-                        }
-                        ProgressInfoStepIcon(
-                            index: index,
-                            size: size,
-                            useNumber: useNumber,
-                            customIcon: customIcon
-                        )
-                        .padding(.vertical, Spacing.XS)
-                        if !hideLineRight {
-                            ProgressInfoHorizontalLine()
-                        }
-                    }
-                    .frame(maxWidth: .infinity)
-
-                    if showTitle && !item.title.isEmpty {
-                        MomoText(item.title, typography: .headerXsSemibold)
-                            .multilineTextAlignment(textAlign)
-                            .frame(maxWidth: .infinity, alignment: frameAlignment(alignment))
-                            .padding(.bottom, Spacing.XS)
-                    }
-
-                    if showDescription, let desc = item.description, !desc.isEmpty {
-                        MomoText(desc, typography: .descriptionDefaultRegular, color: Colors.black12)
-                            .multilineTextAlignment(textAlign)
-                            .frame(maxWidth: .infinity, alignment: frameAlignment(alignment))
-                    }
-                }
-                .frame(maxWidth: .infinity)
-                .padding(.trailing, endPadding)
-            }
-        }
-        .frame(maxWidth: .infinity)
-    }
-
-    private func columnAlignment(isFirst: Bool, isLast: Bool) -> HorizontalAlignment {
-        switch align {
-        case .left: return .leading
-        case .right: return .trailing
-        case .center: return .center
-        case .stretch:
-            if isFirst { return .leading }
-            if isLast { return .trailing }
-            return .center
-        }
-    }
-
-    private func frameAlignment(_ h: HorizontalAlignment) -> Alignment {
-        switch h {
-        case .leading: return .leading
-        case .trailing: return .trailing
-        default: return .center
-        }
-    }
-
-    private func textAlignment(isFirst: Bool, isLast: Bool) -> TextAlignment {
-        switch align {
-        case .left: return .leading
-        case .right: return .trailing
-        case .center: return .center
-        case .stretch:
-            if isFirst { return .leading }
-            if isLast { return .trailing }
-            return .center
-        }
-    }
-}
-
-// MARK: - Vertical variant
-
-private struct ProgressInfoVertical: View {
-    let steps: [ProgressInfoItem]
-    let size: ProgressInfoSize
-    let useNumber: Bool
-    let showTitle: Bool
-    let showDescription: Bool
-    let customIcon: String?
-
-    var body: some View {
-        VStack(alignment: .leading, spacing: 0) {
-            ForEach(Array(steps.enumerated()), id: \.element.id) { index, item in
-                let isLast = index == steps.count - 1
-
-                HStack(alignment: .top, spacing: 0) {
-                    VStack(spacing: 0) {
-                        ProgressInfoStepIcon(
-                            index: index,
-                            size: size,
-                            useNumber: useNumber,
-                            customIcon: customIcon
-                        )
-                        if !isLast {
-                            Rectangle()
-                                .fill(Colors.primary.opacity(0.2))
-                                .frame(width: 2)
-                                .frame(maxHeight: .infinity)
-                        }
-                    }
-                    .frame(minHeight: isLast ? 40 : 48)
-
-                    VStack(alignment: .leading, spacing: 0) {
-                        if showTitle && !item.title.isEmpty {
-                            MomoText(item.title, typography: .headerXsSemibold)
-                                .lineLimit(2)
-                                .frame(maxWidth: .infinity, alignment: .leading)
-                                .padding(.trailing, Spacing.S)
-                        }
-                        if showDescription, let desc = item.description, !desc.isEmpty {
-                            MomoText(desc, typography: .descriptionDefaultRegular, color: Colors.black12)
-                                .frame(maxWidth: .infinity, alignment: .leading)
-                        }
-                    }
-                    .frame(maxWidth: .infinity, alignment: .leading)
-                    .padding(.trailing, Spacing.S)
-                    .padding(.bottom, isLast ? 0 : Spacing.S)
-                }
-                .frame(maxWidth: .infinity, alignment: .leading)
-                .fixedSize(horizontal: false, vertical: true)
-            }
-        }
-        .frame(maxWidth: .infinity, alignment: .leading)
-    }
-}
-
-// MARK: - Step icon
-
-private struct ProgressInfoStepIcon: View {
-    let index: Int
-    let size: ProgressInfoSize
-    let useNumber: Bool
-    let customIcon: String?
-
-    var body: some View {
-        let containerSize = scaleSize(size == .small ? 16 : 24)
-        let dotSize = scaleSize(size == .small ? 6 : 8)
-        let iconSize = scaleSize(size == .small ? 12 : 16)
-
-        ZStack {
-            Circle()
-                .fill(progressInfoLineColor)
-                .overlay(Circle().strokeBorder(progressInfoLineColor, lineWidth: 2))
-
-            if useNumber {
-                MomoText("\(index + 1)", typography: .headerXsSemibold, color: progressInfoAccentColor)
-                    .multilineTextAlignment(.center)
-            } else if let icon = customIcon, !icon.isEmpty {
-                Icon(source: icon, size: iconSize, color: progressInfoAccentColor)
-            } else {
-                Circle()
-                    .fill(progressInfoAccentColor)
-                    .frame(width: dotSize, height: dotSize)
-            }
-        }
-        .frame(width: containerSize, height: containerSize)
-    }
-}
-
-// MARK: - Horizontal connector line
-
-private struct ProgressInfoHorizontalLine: View {
-    var body: some View {
-        Rectangle()
-            .fill(progressInfoLineColor)
-            .frame(height: 2)
-            .frame(maxWidth: .infinity)
-    }
-}

package/ios/Radio/Radio.swift

@@ -1,70 +0,0 @@
-import Foundation
-import SwiftUI
-
-public struct Radio: View {
-    @Environment(\.appTheme) private var theme
-
-    var value: AnyHashable
-    @Binding var groupValue: AnyHashable
-    var disabled: Bool
-    var onChange: (() -> Void)?
-    var label: String
-
-    public init(
-        value: AnyHashable,
-        groupValue: Binding<AnyHashable>,
-        disabled: Bool = false,
-        onChange: (() -> Void)? = nil,
-        label: String = ""
-    ) {
-        self.value = value
-        self._groupValue = groupValue
-        self.disabled = disabled
-        self.onChange = onChange
-        self.label = label
-    }
-
-    private var selected: Bool {
-        value == groupValue
-    }
-
-    private func onTap() {
-        groupValue = value
-        onChange?()
-    }
-
-    public var body: some View {
-        HStack(spacing: 0) {
-            RoundedRectangle(cornerRadius: Radius.M)
-                .stroke(borderColor, lineWidth: borderWidth)
-                .frame(width: 20, height: 20)
-                .padding(.trailing, label.isEmpty ? 0 : Spacing.XS)
-
-            if !label.isEmpty {
-                MomoText(label, typography: .descriptionDefaultRegular)
-            }
-        }
-        .contentShape(Rectangle())
-        .onTapGesture {
-            if !disabled {
-                onTap()
-            }
-        }
-    }
-
-    private var borderWidth: CGFloat {
-        selected ? 6 : 2
-    }
-
-    private var borderColor: Color {
-        if disabled && selected {
-            return theme.colors.background.tonal
-        } else if disabled {
-            return theme.colors.text.disable
-        } else if selected {
-            return theme.colors.primary
-        } else {
-            return theme.colors.text.default
-        }
-    }
-}

package/ios/Rating/Rating.swift

@@ -1,82 +0,0 @@
-import SwiftUI
-
-public enum RatingSize {
-    case small
-    case medium
-    case large
-
-    var iconSize: CGFloat {
-        switch self {
-        case .small: return 16
-        case .medium: return 20
-        case .large: return 24
-        }
-    }
-}
-
-public struct Rating: View {
-    private let numOfStars: Int
-    private let rating: Float
-    private let onRatingChange: ((Int) -> Void)?
-    private let size: RatingSize
-
-    public init(
-        numOfStars: Int,
-        rating: Float,
-        onRatingChange: ((Int) -> Void)? = nil,
-        size: RatingSize = .large
-    ) {
-        self.numOfStars = numOfStars
-        self.rating = rating
-        self.onRatingChange = onRatingChange
-        self.size = size
-    }
-
-    public var body: some View {
-        HStack(spacing: 2) {
-            ForEach(0..<numOfStars, id: \.self) { index in
-                star(at: index)
-            }
-        }
-    }
-
-    @ViewBuilder
-    private func star(at index: Int) -> some View {
-        let icon = Icon(
-            source: starIcon(at: index),
-            size: scaleSize(size.iconSize),
-            color: starColor(at: index)
-        )
-
-        if let onRatingChange = onRatingChange {
-            SwiftUI.Button(action: { onRatingChange(index + 1) }) {
-                icon
-            }
-            .buttonStyle(.plain)
-        } else {
-            icon
-        }
-    }
-
-    private func starIcon(at index: Int) -> String {
-        let intRating = Int(rating)
-        if index < intRating {
-            return "reaction_star_full"
-        } else if index == intRating && rating.truncatingRemainder(dividingBy: 1) != 0 {
-            return "reaction_star_half"
-        } else {
-            return "reaction_star_non"
-        }
-    }
-
-    private func starColor(at index: Int) -> Color {
-        let intRating = Int(rating)
-        if index < intRating {
-            return Colors.yellow03
-        } else if index == intRating && rating.truncatingRemainder(dividingBy: 1) != 0 {
-            return Colors.yellow03
-        } else {
-            return Colors.black07
-        }
-    }
-}

package/ios/Resources/MoMoUIKitsColors.xcassets/AccentColor.colorset/Contents.json

@@ -1,11 +0,0 @@
-{
-  "colors" : [
-    {
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/ios/Resources/MoMoUIKitsColors.xcassets/Background.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.965",
-          "green" : "0.961",
-          "red" : "0.957"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.000",
-          "green" : "0.000",
-          "red" : "0.000"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/ios/Resources/MoMoUIKitsColors.xcassets/Border.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.933",
-          "green" : "0.925",
-          "red" : "0.925"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.933",
-          "green" : "0.925",
-          "red" : "0.925"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/ios/Resources/MoMoUIKitsColors.xcassets/Card.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "1.000",
-          "green" : "1.000",
-          "red" : "1.000"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.282",
-          "green" : "0.216",
-          "red" : "0.169"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/ios/Resources/MoMoUIKitsColors.xcassets/Contents.json

@@ -1,6 +0,0 @@
-{
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/ios/Resources/MoMoUIKitsColors.xcassets/Error.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.176",
-          "green" : "0.133",
-          "red" : "0.961"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.176",
-          "green" : "0.133",
-          "red" : "0.961"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/ios/Resources/MoMoUIKitsColors.xcassets/Primary.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.627",
-          "green" : "0.263",
-          "red" : "0.929"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.627",
-          "green" : "0.263",
-          "red" : "0.929"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}

package/ios/Resources/MoMoUIKitsColors.xcassets/PrimaryDark.colorset/Contents.json

@@ -1,38 +0,0 @@
-{
-  "colors" : [
-    {
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.471",
-          "green" : "0.149",
-          "red" : "0.737"
-        }
-      },
-      "idiom" : "universal"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "color" : {
-        "color-space" : "srgb",
-        "components" : {
-          "alpha" : "1.000",
-          "blue" : "0.471",
-          "green" : "0.149",
-          "red" : "0.737"
-        }
-      },
-      "idiom" : "universal"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}