Struct GlassButtonStyle

Sources/Fluid/Theme/NativeButtonStyles.swift:145–197

// MARK: - Primary (Prominent) Button

struct GlassButtonStyle: ButtonStyle {
    var height: CGFloat? = nil

    func makeBody(configuration: Configuration) -> some View {
        GlassButton(configuration: configuration, height: self.height)
    }

    private struct GlassButton: View {
        @Environment(\.theme) private var theme
        @State private var isHovered = false
        let configuration: ButtonStyle.Configuration
        let height: CGFloat?

        private var shape: RoundedRectangle {
            RoundedRectangle(cornerRadius: self.theme.metrics.corners.md, style: .continuous)
        }

        var body: some View {
            self.configuration.label
                .fontWeight(.semibold)
                .padding(.horizontal, self.theme.metrics.spacing.lg)
                .padding(.vertical, self.theme.metrics.spacing.sm)
                .frame(height: self.height ?? 36)
                .foregroundStyle(self.theme.palette.primaryText)
                .background(self.theme.materials.card, in: self.shape)
                .background(
                    self.shape
                        .fill(self.theme.palette.cardBackground)
                        .overlay(
                            self.shape.stroke(
                                self.theme.palette.cardBorder.opacity(self.isHovered ? 0.45 : 0.25),
                                lineWidth: 1
                            )
                        )
                )
                .overlay(
                    self.shape
                        .stroke(self.theme.palette.accent.opacity(self.isHovered ? 0.25 : 0.1), lineWidth: 1)
                        .blendMode(.plusLighter)
                )
                .shadow(
                    color: self.theme.palette.cardBorder.opacity(self.isHovered ? 0.45 : 0.22),
                    radius: self.isHovered ? self.theme.metrics.cardShadow.radius : max(self.theme.metrics.cardShadow.radius - 3, 2),
                    x: 0,
                    y: self.isHovered ? self.theme.metrics.cardShadow.y : self.theme.metrics.cardShadow.y - 2
                )
                .scaleEffect(FluidInteractionVisuals.scale(isPressed: self.configuration.isPressed, isHovered: self.isHovered))
                .animation(FluidInteractionVisuals.hoverAnimation, value: self.isHovered)
                .animation(FluidInteractionVisuals.pressedAnimation, value: self.configuration.isPressed)
                .onHover { self.isHovered = $0 }
        }
    }
}

// MARK: - Primary Accent Button