npm
Layout

BottomStack

Welds docks and the tab bar to the bottom edge.

<BottomStack>
  <Dock edge="bottom" tone="stone">…</Dock>
  <TabBar aria-label="Primary" value={tab} onValueChange={setTab}>…</TabBar>
</BottomStack>

Anchors docks and the tab bar to the bottom edge and welds them in order, the dock's face meets the plinth at the gold rail seam, and the active tab pops over it.