SwipeContainer

// Horizontal swipe — 3 panels, page-dot indicator
// Native gesture: DragGesture(minimumDistance: 20)
//   → offset animation → onPageChange fires with new index
// CSS web variant: scroll-snap-type: x mandatory
//   + scroll-snap-align: start on each panel

katagami.swipecontainer(
  axis: .horizontal,
  pageSize: CGSize(width: 300, height: 180),
  indicator: .dots,
  onPageChange: { index in
    viewModel.currentPage = index
  }
) {
  // Page 0
  katagami.semantic(role: .section, ariaLabel: "Panel 1") {
    ModuleSummary(module: .portfolioAnalytics)
  }
  // Page 1
  katagami.semantic(role: .section, ariaLabel: "Panel 2") {
    ModuleSummary(module: .strategyGrids)
  }
  // Page 2
  katagami.semantic(role: .section, ariaLabel: "Panel 3") {
    ModuleSummary(module: .indicatorsDaily)
  }
}