Field

import SwiftUI
import SwiftCN

struct FieldExample: View {
    @State private var text = "Design system"

    var body: some View {
        VStack(alignment: .leading, spacing: 12) {
            CNField(isInvalid: text.isEmpty) {
                CNFieldLabel("Workspace name")
                CNInput("Name", text: $text)
                CNFieldDescription("A name your team will recognize.")
                if text.isEmpty { CNFieldError("Enter a workspace name.") }
            }

        }
    }
}

import SwiftUI
import SwiftCN

/// Group native controls and their descriptions without replacing their accessibility elements.
public struct CNField<Content: View>: View {
    private let isInvalid: Bool
    private let classes: TWClasses
    private let spacing: CGFloat
    private let axis: Axis
    private let content: Content

    /// Group the control and supporting text in one child when the label sits beside them.
    /// Changing the axis keeps the same child views and their native control state.
    public init(isInvalid: Bool = false, classes: TWClasses = "", spacing: CGFloat = 6, axis: Axis = .vertical, @ViewBuilder content: () -> Content) {
        self.isInvalid = isInvalid
        self.classes = classes
        self.spacing = spacing
        self.axis = axis
        self.content = content()
    }

    public var body: some View {
        let layout = axis == .horizontal
            ? AnyLayout(HStackLayout(alignment: .top, spacing: spacing))
            : AnyLayout(VStackLayout(alignment: .leading, spacing: spacing))
        layout { content }
            .frame(maxWidth: .infinity, alignment: .leading)
            .tw(cn("field", classes))
            .environment(\.twFieldInvalid, isInvalid)
    }
}

/// Group independent fields. Each CNField owns its own validation appearance.
public struct CNFieldGroup<Content: View>: View {
    private let classes: TWClasses
    private let spacing: CGFloat
    private let content: Content

    public init(_ classes: TWClasses = "", spacing: CGFloat = 20, @ViewBuilder content: () -> Content) {
        self.classes = classes
        self.spacing = spacing
        self.content = content()
    }

    public var body: some View {
        VStack(alignment: .leading, spacing: spacing) { content }
            .frame(maxWidth: .infinity, alignment: .leading)
            .tw(cn("field-group", classes))
    }
}

/// Decorate an arbitrary native control; its label, binding, and behavior remain native.
public struct CNFieldControl<Content: View>: View {
    private let style: TWStyle
    private let state: TWState
    private let content: Content

    public init(_ classes: TWClasses = "input", state: TWState = TWState(), @ViewBuilder content: () -> Content) {
        style = .classes(classes)
        self.state = state
        self.content = content()
    }

    public init(_ first: TWStyle, _ styles: TWStyle..., state: TWState = TWState(), @ViewBuilder content: () -> Content) {
        style = TWStyle([first] + styles)
        self.state = state
        self.content = content()
    }

    public var body: some View { content.modifier(TWFieldControlModifier(style: style, state: state)) }
}

/// A field part that accepts either localized text or custom native content.
public struct CNFieldLabel<Content: View>: View {
    private let classes: TWClasses
    private let content: Content

    public init(_ classes: TWClasses = "", @ViewBuilder content: () -> Content) {
        self.classes = classes
        self.content = content()
    }

    public init(_ title: LocalizedStringKey, classes: TWClasses = "") where Content == Text {
        self.classes = classes
        content = Text(title)
    }

    public var body: some View { content.tw(cn("field-label", classes)) }
}

/// A field part that accepts either localized text or custom native content.
public struct CNFieldDescription<Content: View>: View {
    private let classes: TWClasses
    private let content: Content

    public init(_ classes: TWClasses = "", @ViewBuilder content: () -> Content) {
        self.classes = classes
        self.content = content()
    }

    public init(_ title: LocalizedStringKey, classes: TWClasses = "") where Content == Text {
        self.classes = classes
        content = Text(title)
    }

    public var body: some View { content.tw(cn("field-description", classes)) }
}

/// A field part that accepts either localized text or custom native content.
public struct CNFieldError<Content: View>: View {
    private let classes: TWClasses
    private let content: Content

    public init(_ classes: TWClasses = "", @ViewBuilder content: () -> Content) {
        self.classes = classes
        self.content = content()
    }

    public init(_ title: LocalizedStringKey, classes: TWClasses = "") where Content == Text {
        self.classes = classes
        content = Text(title)
    }

    public var body: some View { content.tw(cn("field-error", classes)) }
}