SpatialContainerView.swift

import UIKit

public final class SpatialContainerView: UIVisualEffectView {
  private lazy var borderLayer: CAShapeLayer = {
    let layer = CAShapeLayer()
    layer.strokeColor = UIColor.white.withAlphaComponent(0.2).cgColor
    layer.fillColor = UIColor.clear.cgColor
    layer.lineWidth = borderWidth
    return layer
  }()

  private lazy var maskLayer: CAShapeLayer = CAShapeLayer()
  
  public override func layoutSubviews() {
    super.layoutSubviews()

    let path = UIBezierPath(
      roundedRect: bounds,
      byRoundingCorners: corners,
      cornerRadii: CGSize(
        width: cornerRadius,
        height: cornerRadius
      )
    )

    maskLayer.path = path.cgPath
    borderLayer.path = path.cgPath
  }

  public init(
    cornerRadius: CGFloat = 0,
    corners: UIRectCorner = .allCorners
  ) {
    self.cornerRadius = cornerRadius
    self.corners = corners

    super.init(effect: UIBlurEffect(style: .systemUltraThinMaterialDark))

    layer.mask = maskLayer
    contentView.layer.addSublayer(borderLayer)
  }

  private let cornerRadius: CGFloat
  private let corners: UIRectCorner
  
  var borderWidth: CGFloat = 1.4 {
    didSet { borderLayer.lineWidth = borderWidth }
  }

  required init?(coder: NSCoder) { nil }
}

Screen.Recording.2025-02-07.at.11.41.44.PM.mov